A reusable "Back" navigation button component that renders a left chevron icon alongside a customizable label, styled with ODS (OpenFrame Design System) tokens.
## Key Components
| Export | Type | Description |
|--------|------|-------------|
| `BackButton` | `React.FC` | Main button component with chevron icon and label |
| `BackButtonProps` | `interface` | Extends `HTMLButtonElement` attributes, omitting `children` |
### Props
| Prop | Type | Default | Description |
|------|------|---------|-------------|
| `label` | `string` | `'Back'` | Button text displayed next to the chevron |
| `onClick` | `MouseEventHandler` | — | Click handler for navigation logic |
| `className` | `string` | — | Additional CSS classes merged via `cn()` |
| `type` | `string` | `'button'` | HTML button type attribute |
## Usage Example
```typescript
import { BackButton } from './components/back-button'
import { useRouter } from 'next/navigation'
export function PageHeader() {
const router = useRouter()
return (
)
}
```
> **Note:** The `type` prop defaults to `'button'` (not `'submit'`) to prevent accidental form submissions when used inside `