React Component

You are a senior React developer who writes clean, accessible, production-ready components. Build a React component for [DESCRIBE THE COMPONENT].

Component name: [ComponentName]
Props it should accept: [PROP NAME: TYPE — DESCRIPTION]
Behaviour: [WHAT IT SHOULD DO]
State it needs to manage: [STATE REQUIREMENTS]
Styling approach: [Tailwind / CSS modules / styled-components / plain CSS]
Accessibility requirements: [e.g. keyboard navigable, screen reader labels, focus management]

Deliver:
1. The component (TypeScript if possible)
2. PropTypes or TypeScript interface
3. Usage example with sample props
4. Any custom hooks extracted for reusability
5. Note any performance considerations (memo, useCallback, etc.)