import React from 'react';
import { type ComposableProps } from '../../../lib/slot';
export type EmptyImage = 'default' | 'simple' | 'no-data' | 'error';
export interface EmptyProps extends ComposableProps<'div'> {
    /** Description text */
    description?: React.ReactNode;
    /** Image type or custom image */
    image?: EmptyImage | React.ReactNode;
    /** Custom image style */
    imageStyle?: React.CSSProperties;
    /** Action buttons or content below description */
    children?: React.ReactNode;
}
/**
 * Empty Component
 *
 * An empty state component for displaying when there's no data or content.
 * Supports `asChild` prop for flexible composition.
 *
 * @public
 *
 * @example
 * ```tsx
 * <Empty description="No data available" image="no-data">
 *   <Button>Add Item</Button>
 * </Empty>
 * ```
 *
 * @remarks
 * - Wraps the HTML `<div>` element by default.
 * - Supports `asChild` prop to merge props with a custom child element.
 * - Uses FT Design System tokens for colors, typography, and spacing.
 */
export declare const Empty: React.ForwardRefExoticComponent<EmptyProps & React.RefAttributes<HTMLDivElement>>;
export declare const EmptyPresets: {
    /** No search results */
    noResults: {
        image: EmptyImage;
        description: string;
    };
    /** No data available */
    noData: {
        image: EmptyImage;
        description: string;
    };
    /** Error state */
    error: {
        image: EmptyImage;
        description: string;
    };
    /** Empty inbox/list */
    emptyList: {
        image: EmptyImage;
        description: string;
    };
};
//# sourceMappingURL=Empty.d.ts.map