import { type HTMLAttributes, type ReactNode } from 'react';
import { type VariantProps } from 'class-variance-authority';
/** Heading levels `EmptyState.headingLevel` accepts. */
export type EmptyStateHeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;
declare const emptyStateVariants: (props?: ({
    size?: "sm" | "md" | "lg" | null | undefined;
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
export interface EmptyStateProps extends Omit<HTMLAttributes<HTMLDivElement>, 'role' | 'title'>, VariantProps<typeof emptyStateVariants> {
    variant: 'first-use' | 'no-results' | 'error';
    size?: 'sm' | 'md' | 'lg';
    /** Shorthand title. Ignored when `children` are passed. */
    title?: string;
    /** Shorthand message. Ignored when `children` are passed. */
    description?: string;
    /** Shorthand main button. Ignored when `children` are passed. */
    primaryAction?: {
        label: string;
        onClick: () => void;
    };
    /** Shorthand second button. Ignored when `children` are passed. */
    secondaryAction?: {
        label: string;
        onClick: () => void;
        href?: string;
    };
    autoFocus?: boolean;
    /**
     * Heading level for the title, so it follows the page's own headings
     * without skipping a level (axe `heading-order`). Default `3`, the level
     * the title always had. Applies to a compound `EmptyState.Title` too.
     */
    headingLevel?: EmptyStateHeadingLevel;
    /** Compound content. When given, it replaces the whole shorthand
     *  layout: compose EmptyState.Title, .Description and .Actions here. */
    children?: ReactNode;
}
export declare const EmptyState: import("react").ForwardRefExoticComponent<EmptyStateProps & import("react").RefAttributes<HTMLDivElement>> & {
    Illustration: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
    Title: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLHeadingElement> & import("react").RefAttributes<HTMLHeadingElement>>;
    Description: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLParagraphElement>>;
    Actions: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
};
export {};
//# sourceMappingURL=empty-state.d.ts.map