<!-- source-hash: 061672449705d5265894d8263494baea -->
Renders a configurable stack of SSO provider buttons (`openframe`, `google`, `microsoft`) for use in authentication forms.

## Key Components

- **`AuthSsoProvider`** — Union type of supported SSO provider keys: `'openframe' | 'google' | 'microsoft'`
- **`PROVIDER_META`** — Record mapping each provider to its display name and icon component; the `openframe` icon applies CSS variable-based theming
- **`SsoProviderButtonsProps`** — Props interface for the button group component
- **`SsoProviderButtons`** — Primary export; renders full-width, stacked `Button` elements for each requested provider

## Usage Example

```typescript
import {
  SsoProviderButtons,
  type AuthSsoProvider,
} from './sso-providers'

function LoginForm() {
  const handleSso = (provider: AuthSsoProvider) => {
    console.log('Signing in with', provider)
  }

  return (
    <SsoProviderButtons
      providers={['openframe', 'google', 'microsoft']}
      actionLabel="Sign in with"
      onSsoClick={handleSso}
      // Only enable providers the tenant actually supports
      enabledProviders={['google']}
    />
  )
}
```

## Notes

- `actionLabel` (default `"Continue with"`) is prepended to provider names (e.g. `"Continue with Google"`), but is **ignored** for `openframe`, which always renders as `"OpenFrame SSO"`
- `enabledProviders` selectively disables buttons not in the list — useful when tenant discovery determines which providers are available; the top-level `disabled` prop still takes precedence
- Disabled buttons apply the `bg-ods-bg` class to visually recede to the page background, matching the design system's disabled input treatment

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