<!-- source-hash: 42f6dac64028d99b3a2ea49a0c3914d5 -->
Centered single-column layout shell for OpenFrame SSO (IdP) authentication screens, composing the wordmark, form content, and "Powered by Flamingo" branding into a full-height page structure.

## Key Components

- **`SsoAuthShell`** — Full-page wrapper component that arranges SSO login/sign-up screens with a top wordmark, centered form card (max-width 600px), and a compact footer branding element.
- **`SsoAuthShellProps`** — Interface accepting `children` (the form card content) and an optional `className` for layout overrides.
- **`OpenFrameWordmark`** — Branding element rendered at the top of the shell (imported from `auth-branding`).
- **`PoweredByFlamingo`** — Compact footer branding element rendered at the bottom (imported from `auth-branding`).

## Usage Example

```typescript
import { SsoAuthShell } from './sso-auth-shell'
import { LoginForm } from './login-form'

export default function SsoLoginPage() {
  return (
    <SsoAuthShell>
      <LoginForm />
    </SsoAuthShell>
  )
}
```

## Notes

- Designed exclusively for SSO/IdP screens — no marketing or split-panel layout.
- Uses design tokens (`--spacing-system-xl`, `bg-ods-bg`) for consistent spacing and background.
- `cn` utility merges Tailwind classes, allowing consumers to override layout via `className`.
- Marked `'use client'` — requires a React client boundary (Next.js App Router compatible).

## Source

[`sso-auth-shell.tsx`](https://github.com/flamingo-stack/openframe-oss-lib/blob/main/sso-auth-shell.tsx)