<!-- source-hash: 5ee2a1885dc45a65b8396aea3f9f9f10 -->
A client-side React component that renders a horizontal row of social media icon buttons with configurable links and styling variants.

## Key Components

### Interfaces
- **`SocialLink`** — Defines a social link entry with `platform` (string key), `href` (URL), and optional `label` (for accessibility)
- **`SocialIconRowProps`** — Component props accepting `className`, `links` array, and a `variant` for button styling

### Functions
- **`renderSocialIcon(platform)`** — Maps a platform string to its corresponding icon component. Supports: `github`, `twitter`/`x`, `reddit`, `linkedin`, `luma`, `whatsapp`, `website`/`web`/`url`, `slack`, `discord`, `telegram`, `youtube`/`yt`, `instagram`/`ig`, `facebook`/`fb`. Falls back to `GlobeIcon` for unknown platforms.
- **`SocialIconRow`** — Main exported component rendering a flex row of icon buttons, each wrapped in an accessible anchor tag.

### Defaults
- `defaultLinks` — Pre-configured links for GitHub, LinkedIn, and Facebook (Flamingo's primary social channels)
- `variant` defaults to `'outline'`

## Usage Example

```typescript
// Default Flamingo social links
<SocialIconRow />

// Custom links with accent variant
<SocialIconRow
  variant="accent"
  links={[
    { platform: 'github', href: 'https://github.com/your-org', label: 'GitHub' },
    { platform: 'slack', href: 'https://join.slack.com/...', label: 'Slack' },
    { platform: 'youtube', href: 'https://youtube.com/@flamingo', label: 'YouTube' },
  ]}
  className="mt-4"
/>

// Transparent variant for dark backgrounds
<SocialIconRow
  variant="transparent"
  links={[
    { platform: 'linkedin', href: 'https://linkedin.com/company/flamingo.run' },
    { platform: 'twitter', href: 'https://x.com/flamingo' },
  ]}
/>
```