<!-- source-hash: bbc5ab0313f6e7cb301fe2ba986ea93b -->
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 (
    <header>
      <BackButton
        label="Back to Dashboard"
        onClick={() => router.back()}
      />
    </header>
  )
}
```

> **Note:** The `type` prop defaults to `'button'` (not `'submit'`) to prevent accidental form submissions when used inside `<form>` elements.