import React, { type ReactElement } from "react";
import type { IconName } from "src/components/Icon/Icon";
import { type HeaderProps } from "../../Typography/Header";
import { type LinkProps } from "../../Link/Link";
import { type ButtonGroupProps } from "../ButtonGroup/ButtonGroup";
export type EmptyStateProps = {
    /** The main heading text */
    title: string;
    /** The HTML tag to use for the title */
    titleAs?: HeaderProps["as"];
    /** Optional descriptive text below the title */
    description?: string;
    /** Visual style variant that determines default icon and color scheme */
    variant?: "brand" | "warning" | "error" | "neutral";
    /** Custom icon to override the default for the type */
    icon?: IconName;
    /** Optional action element: either EmptyState.ButtonGroup or EmptyState.Link */
    children?: ReactElement<typeof EmptyStateButtonGroup> | ReactElement<typeof EmptyStateLink>;
    "data-e2e-test-id"?: string;
};
export declare function EmptyState({ title, titleAs, description, variant, icon, children, "data-e2e-test-id": dataE2eTestId, ...ariaAttributes }: EmptyStateProps): React.ReactElement;
export declare namespace EmptyState {
    var ButtonGroup: typeof EmptyStateButtonGroup;
    var Link: typeof EmptyStateLink;
}
declare function EmptyStateButtonGroup({ ...rest }: Omit<ButtonGroupProps, "buttonSize">): React.ReactElement;
declare function EmptyStateLink({ children, ...rest }: Omit<LinkProps, "size" | "color" | "weight"> & React.AnchorHTMLAttributes<HTMLAnchorElement> & {
    children: React.ReactNode;
}): React.ReactElement;
export {};