Empty state component for the FileManager, displayed when a folder contains no files or folders. ## Key Components - **`FileManagerEmpty`** — A centered empty state UI with an icon, heading, description text, and an optional call-to-action button. ### Props (`FileManagerEmptyProps`) | Prop | Type | Default | Description | |---|---|---|---| | `message` | `string` | `'No files or folders found'` | Primary heading text | | `description` | `string` | `'This folder is empty...'` | Secondary descriptive text | | `action` | `{ label: string; onClick: () => void }` | — | Optional CTA button | | `className` | `string` | — | Additional CSS classes | ## Usage Example ```typescript import { FileManagerEmpty } from './file-manager-empty' // Basic usage (defaults only) // With custom message and action handleUpload(), }} className="min-h-[400px]" /> ``` ## Notes - Renders a `FolderOpen` icon (Lucide) inside a circular surface background. - The `action` button uses the `accent` variant — omit the `action` prop to render a read-only empty state. - Styled with ODS design tokens (`ods-bg-surface`, `ods-text-primary`, etc.) ensuring theme consistency. **Source:** [`src/.../file-manager-empty.tsx`](https://github.com/flamingo-stack/openframe-oss-lib/blob/main/src/components/file-manager/file-manager-empty.tsx)