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 // Custom destination // With additional styling ```