<!-- source-hash: c6ba4615a3e784ac271d4e3e3c456fed -->
A reusable "Learn more" navigation button component that links to additional information, styled with Flamingo's yellow brand color and an arrow icon.

## Key Components

- **`MoreAboutButton`** — A styled `Button` wrapper that renders a "Learn more" label with a trailing `ArrowRight` icon, using the `transparent` variant and `--ods-open-yellow-base` brand color.

### Props

| Prop | Type | Default | Description |
|------|------|---------|-------------|
| `href` | `string` | `"/openframe"` | Destination URL; opens in a new tab when provided |
| `onClick` | `() => void` | — | Optional click handler *(accepted but not wired internally)* |
| `className` | `string` | `""` | Additional CSS classes for customization |

> **Note:** The `onClick` prop is declared in the interface but not currently forwarded to the underlying `Button`. Use `href` for navigation.

## Usage Example

```typescript
import { MoreAboutButton } from '@/components/more-about-button'

// Default — links to /openframe
<MoreAboutButton />

// Custom destination
<MoreAboutButton href="https://flamingo.run" />

// With additional styling
<MoreAboutButton
  href="/openframe"
  className="mt-4"
/>
```