import { default as React } from 'react'; import { IconType } from '../icon'; import { EmptyStateOrientation } from './types'; /** * Props for the EmptyState component * @interface IEmptyStateProps */ export default interface IEmptyStateProps extends Omit, 'className' | 'style'> { /** * Layout orientation of the empty state. * @default 'vertical' */ orientation?: EmptyStateOrientation; /** * Name of the leading icon, rendered inside a styled (secondary) container. * Ignored when {@link IEmptyStateProps.media} is provided. */ icon?: IconType; /** * Custom leading media (illustration, image, …). Overrides {@link IEmptyStateProps.icon} when set. */ media?: React.ReactNode; /** * Title summarising the empty state. */ title?: string; /** * Supporting text describing what to do next. */ description?: React.ReactNode; /** * Call-to-action slot. Pass one or more `Button` elements. */ actions?: React.ReactNode; /** * Whether to render a dashed border ring around the container. * @default false */ hasRing?: boolean; }