EmptyState

A verified "nothing here". A failed read must NEVER render this — see guidelines/app-state-honesty; use ErrorState instead.

Prop	Type	Notes
`title` (required)	`React.ReactNode`	The claim: "No routines yet." Only render this when the read SUCCEEDED.
`body`	`React.ReactNode`	Optional supporting line.
`action`	`React.ReactNode`	Optional action (e.g. a Button to create the first item).
`size`	`'md' \| 'sm'`	`sm` — compact left-aligned row for lanes and lists.
`className`	`string`

Other props pass through to the root element (React.HTMLAttributes<HTMLDivElement>).

Preview

Declarations

TypeScript

export interface EmptyStateProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {
  /** The claim: "No routines yet." Only render this when the read SUCCEEDED. */
  title: React.ReactNode;
  /** Optional supporting line. */
  body?: React.ReactNode;
  /** Optional action (e.g. a Button to create the first item). */
  action?: React.ReactNode;
  /** `sm` — compact left-aligned row for lanes and lists. */
  size?: 'md' | 'sm';
  className?: string;
}

/**
 * A verified "nothing here". A failed read must NEVER render this —
 * see guidelines/app-state-honesty; use ErrorState instead.
 */
export function EmptyState(props: EmptyStateProps): React.JSX.Element;