goobs-frontend
Version:
A comprehensive React-based libary for building modern web applications
29 lines • 1.33 kB
TypeScript
import { default as React, ReactNode } from 'react';
export type EmptyStateTheme = 'sacred' | 'light' | 'dark';
export interface EmptyStateProps {
/** Optional leading icon / glyph (emoji or SVG node). */
icon?: ReactNode;
/** Primary heading (e.g. "No assignees yet"). */
title: ReactNode;
/** Optional secondary explanatory line. */
description?: ReactNode;
/** One or more action element(s) — typically a `<CustomButton>`. */
actions?: ReactNode;
/** Theming. Default `'sacred'`. */
styles?: {
theme?: EmptyStateTheme;
};
}
/**
* Standalone empty / zero-data placeholder: a centered, dashed-accent-border
* box with an optional icon, a required title, an optional description line,
* and an optional actions slot. Renders with `role="status"` so assistive
* tech announces the empty condition, and emits a `component.state: 'empty'`
* diagnostics beacon on mount (a no-op when no host bus is present). Theming
* via `styles.theme` (default `'sacred'`). `<Card.EmptyState>` is a thin
* re-export of this component, so it works both standalone and inside
* `<Card.Grid empty={…}>`.
*/
declare const EmptyState: React.ForwardRefExoticComponent<EmptyStateProps & React.RefAttributes<HTMLDivElement>>;
export default EmptyState;
//# sourceMappingURL=index.d.ts.map