import * as React from 'react';
import { type VariantProps } from 'class-variance-authority';
declare const alertVariants: (props?: ({
    variant?: "default" | "destructive" | "success" | "info" | "warning" | null | undefined;
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
export interface AlertProps extends React.ComponentProps<'div'>, VariantProps<typeof alertVariants> {
    /** Custom icon. If not provided, a default semantic icon for the variant is used. Set to null to hide. */
    icon?: React.ReactNode;
}
/**
 * Inline feedback banner for contextual status messages.
 *
 * @description
 * A non-transient, fixed-in-flow message block for critical validations or
 * contextual warnings. Contains a built-in icon based on the variant
 * (overridable via `icon` prop). Fills 100% of its container width.
 *
 * @ai-rules
 * 1. Always compose with `<AlertTitle>` + `<AlertDescription>` to preserve internal typography hierarchy.
 * 2. For transient feedback (success/error after submit), use `<Toaster>` (Sonner) instead.
 * 3. Available variants: `default`, `success`, `info`, `warning`, `destructive`.
 */
declare function Alert({ className, variant, icon, children, ...props }: AlertProps): import("react/jsx-runtime").JSX.Element;
declare function AlertTitle({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
declare function AlertDescription({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
export { Alert, AlertTitle, AlertDescription };