Presentational marketing panel displayed alongside authentication forms, showing platform benefits with icons, a title, description, and a "learn more" CTA button. ## Key Components ### Interfaces - **`AuthBenefit`** — Shape for a single benefit item: `icon` (React node) and `label` (string) - **`AuthBenefitsPanelProps`** — Props for the panel: `title`, `description`, `benefits`, `learnMoreLabel`, `learnMoreUrl`, `className` ### Exports - **`AuthBenefitsPanel`** — Main component; fully presentational with all content overridable via props. Ships with four default benefits (no card required, cancel anytime, 14-day free trial, no contract) and links to `flamingo.run`. ## Usage Example ```typescript import { AuthBenefitsPanel, AuthBenefit, } from './auth-benefits-panel' import { ShieldIcon } from '../icons' const customBenefits: AuthBenefit[] = [ { icon: , label: 'SOC 2 Compliant' }, { icon: , label: 'GDPR Ready' }, ] // Default content // Custom content ``` ## Notes - All props are optional; sensible defaults are provided for standalone use - The "learn more" button opens in a new tab and renders the `OpenFrameLogo` as a left icon - Styled with ODS design tokens (`ods-bg`, `ods-text-primary`, `ods-border`) for consistent theming - Source: [`flamingo-stack/openframe-oss-lib`](https://github.com/flamingo-stack/openframe-oss-lib)