import { ComponentProps } from 'react'; import { Body1 } from '@/components/ui/typography'; import { cn } from '@/lib/utils'; /* * UX4G empty state: centred column, 8px gap, 16px/24px copy. The default * illustration is UX4G's simple empty box, redrawn with theme tokens so it * works on a dark surface. */ /** Default illustration: UX4G's empty box, coloured from neutral tokens. */ function EmptyStateIllustration({ className, ...props }: ComponentProps<'svg'>) { return ( ); } /** Centred placeholder shown when there is nothing to display. */ function EmptyState({ className, ...props }: ComponentProps<'div'>) { return (

); } /** Slot for the illustration. Renders the UX4G default when given no children. */ function EmptyStateMedia({ className, children, ...props }: ComponentProps<'div'>) { return (

{children ?? }

); } /** Primary message, e.g. "No applications yet". */ function EmptyStateTitle({ className, ...props }: ComponentProps) { return ; } /** Supporting copy explaining what to do next. */ function EmptyStateDescription({ className, ...props }: ComponentProps) { return ; } /** Row of actions. UX4G puts a single primary button here. */ function EmptyStateActions({ className, ...props }: ComponentProps<'div'>) { return

; } export { EmptyState, EmptyStateMedia, EmptyStateTitle, EmptyStateDescription, EmptyStateActions, EmptyStateIllustration, };