Provides a base layout container and platform-specific wrapper components that enforce consistent sizing, spacing, and styling for all embedded content types (YouTube, Twitter, Reddit, LinkedIn, link previews).
## Key Components
### Constants & Types
- **`EMBED_SIZES`** — Maps each embed type to a Tailwind `max-w-*` class, controlling the maximum width per platform context.
- **`EmbedSize`** — Union type derived from `EMBED_SIZES` keys: `"youtube" | "twitter" | "reddit" | "linkedin" | "linkPreview"`.
### Components
- **`EmbedContainer`** — Base container applying shared styles: centered layout, rounded corners, card background, border, and hover shadow accent. Accepts `size`, `children`, and an optional `className`.
- **`YouTubeContainer`** — Preset wrapper using `max-w-3xl` (768px), suited for widescreen video.
- **`TwitterContainer`** — Preset wrapper using `max-w-md` (448px), narrow mobile-first layout.
- **`RedditContainer`** — Preset wrapper using `max-w-xl` (576px), medium width for threads.
- **`LinkedInContainer`** — Preset wrapper using `max-w-lg` (512px), mobile-first post layout.
- **`LinkPreviewContainer`** — Preset wrapper using `max-w-lg` (512px), balanced card width.
## Usage Example
```typescript
import {
YouTubeContainer,
LinkPreviewContainer,
EmbedContainer
} from './embed-container';
// Use a preset platform container
// Use a link preview container
// Use the base container directly with a custom size
```
> **Source:** [`embed-container.tsx`](https://github.com/flamingo-stack/openframe-oss-lib/blob/main/embed-container.tsx)