import { default as React } from 'react';
import { default as IEmptyStateProps } from './IEmptyStateProps';
/**
 * EmptyState communicates that there is no data to show and guides the user
 * towards their next action. It supports a vertical (default) and a horizontal
 * layout, a leading icon or custom media, a title, a description and a slot for
 * call-to-action buttons.
 *
 * @component
 *
 * @param props {@link IEmptyStateProps} - The component props
 *
 * @example
 * // Vertical empty state with an icon and actions
 * <EmptyState
 *   icon="Cloud"
 *   title="Cloud Storage Empty"
 *   description="Upload files to your cloud storage to access them anywhere."
 *   actions={
 *     <>
 *       <Button label="Create Project" />
 *       <Button label="Learn more" variant="outline" />
 *     </>
 *   }
 * />
 *
 * @example
 * // Horizontal layout
 * <EmptyState orientation="horizontal" icon="Inbox" title="No messages" />
 *
 * @example
 * // Custom media (illustration) and a dashed ring
 * <EmptyState media={<MyIllustration />} title="Nothing here yet" hasRing />
 *
 * @returns {JSX.Element | null} EmptyState component, or `null` when there is nothing to render
 */
declare const EmptyState: React.FC<IEmptyStateProps & React.RefAttributes<HTMLElement>>;
export default EmptyState;