Build an accessible React componentPromptLow risk

Build a {{component}} component in React + TypeScript for {{use_case}}.

Requirements:
- Fully keyboard operable (Tab, Shift+Tab, Enter, Space, Escape, arrow keys where it makes sense).
- Correct roles and ARIA attributes; no ARIA where native HTML already works.
- Visible focus styles that pass WCAG 2.2 AA contrast.
- Props are typed, documented with JSDoc, and have sensible defaults.
- No external UI libraries. Styling with {{styling}}.

Return: the component file, a short usage example, and a test file (Testing Library) covering keyboard use and screen-reader labels.