Renders a grouped panel of static info blocks for empty-state UI, each displaying an optional icon alongside a short label. ## Key Components - **`NoDataAction`** — A single presentational info block with an optional leading icon and label. Lays out icon-beside-label on mobile and icon-above-label on `md+` screens. Capped at 224px wide on larger viewports. - **`NoDataActions`** — A container that groups multiple `NoDataAction` blocks into a shared bordered panel. Renders as a vertical stack on mobile (horizontal dividers) and a horizontal row on `md+` (vertical dividers). Accepts blocks via the `actions` prop or as `children`. - **`NoDataActionsVariant`** — Re-exported type controlling the surface treatment of the group panel (e.g. `"outline"`). ## Usage Example ```typescript // Using the `actions` prop , label: "No results found" }, { icon: , label: "Try adjusting your filters" }, ]} /> // Using children directly } label="No results found" /> } label="Try adjusting your filters" /> ``` Both components forward refs and accept standard `HTMLDivElement` attributes. `NoDataAction` omits the native `title` attribute to avoid conflicts with the `label` prop.