Presentational component that renders a centered, muted empty-state block composed of an optional icon, title, and description. ## Key Components - **`NoDataMessage`** — A `forwardRef` div that vertically stacks an icon, a primary title line, and a secondary description line. All three slots are optional, enabling reduced forms such as icon-only or title-only displays. - **`NoDataMessageProps`** — Extends `React.HTMLAttributes` (with `title` omitted to avoid conflicts) and adds `icon`, `title`, and `description` as optional `ReactNode` props. ## Usage Example ```typescript import { NoDataMessage } from "./no-data-message" import { SearchIcon } from "lucide-react" // Full form: icon + title + description } title="No results found" description="Try adjusting your filters or search query." /> // Reduced form: title only // With additional className } title="Nothing here yet" className="my-8" /> ``` ## Notes - Icon is wrapped in a `` styled via `noDataIconClasses` (16px mobile / 24px md+). - Title renders at `text-h4`; description renders at `text-h6`; both use `break-words` to handle long strings gracefully. - The wrapper uses `text-ods-text-secondary` for muted gray coloring and accepts all standard `div` HTML attributes via prop spreading.