import * as React from 'react';
import { type VariantProps } from 'class-variance-authority';
declare const alertVariants: (props?: ({
    variant?: "default" | "error" | "primary" | "secondary" | "success" | "warning" | "info" | null | undefined;
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
type AlertLayout = 'block' | 'inline';
interface AlertProps extends React.HTMLAttributes<HTMLDivElement>, Omit<VariantProps<typeof alertVariants>, 'variant'> {
    /**
     * Color scheme; also drives the `AlertIcon` accent.
     * @default 'default'
     */
    variant?: VariantProps<typeof alertVariants>['variant'];
    /**
     * Stack the parts (`block`) or flow them on one row when wide enough (`inline`).
     * @default 'block'
     */
    layout?: AlertLayout;
    /**
     * Render a close button that hides the alert (with an exit animation).
     * @default false
     */
    dismissible?: boolean;
    /** Controlled visibility. Pair with `onOpenChange`. */
    open?: boolean;
    /** Called when the alert is dismissed (with `false`). */
    onOpenChange?: (open: boolean) => void;
    /** Remember the dismissal under this key so the alert stays hidden on return (uncontrolled). */
    persistKey?: string;
    /**
     * Which Web Storage backs `persistKey`.
     * @default 'local'
     */
    persistStorage?: 'local' | 'session';
    /**
     * Accessible label for the close button.
     * @default 'Dismiss'
     */
    closeLabel?: string;
}
declare function Alert({ variant, layout, dismissible, open, onOpenChange, persistKey, persistStorage, closeLabel, role, className, children, style, ...props }: AlertProps): React.JSX.Element;
interface AlertIconProps extends React.HTMLAttributes<HTMLSpanElement> {
}
declare function AlertIcon({ className, ...props }: AlertIconProps): React.JSX.Element;
interface AlertTitleProps extends React.HTMLAttributes<HTMLHeadingElement> {
    /**
     * Heading level, so the alert fits the page's heading outline.
     * @default 'h5'
     */
    as?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'div';
}
declare function AlertTitle({ className, as: As, ...props }: AlertTitleProps): React.JSX.Element;
interface AlertDescriptionProps extends React.HTMLAttributes<HTMLParagraphElement> {
}
declare function AlertDescription({ className, ...props }: AlertDescriptionProps): React.JSX.Element;
interface AlertActionProps extends React.HTMLAttributes<HTMLDivElement> {
}
declare function AlertAction({ className, ...props }: AlertActionProps): React.JSX.Element;
export { Alert, AlertIcon, AlertTitle, AlertDescription, AlertAction };
export type { AlertProps, AlertIconProps, AlertTitleProps, AlertDescriptionProps, AlertActionProps };
//# sourceMappingURL=alert.d.ts.map