import { default as React } from 'react';
import { StyleProps } from '../../style-engine';
declare const alertStyles: import('../../style-engine').StylesDef<{
    color: {
        readonly primary: "bg-primary text-white";
        readonly secondary: "bg-secondary text-white";
        readonly accent: "bg-accent text-white";
        readonly muted: "bg-muted text-foreground";
        readonly success: "bg-success text-white";
        readonly warning: "bg-warning text-white";
        readonly danger: "bg-danger text-white";
        readonly info: "bg-info text-white";
        readonly gradient: "bg-gradient-ui text-white";
    };
}>;
type AlertVariantProps = StyleProps<typeof alertStyles>;
export interface AlertProps extends Omit<React.ComponentProps<'div'>, 'title' | 'color'>, AlertVariantProps {
    title?: React.ReactNode;
    icon?: React.ReactNode;
}
export declare function Alert({ title, icon, children, color, className, role: roleProp, 'aria-live': ariaLiveProp, ...props }: AlertProps): React.JSX.Element;
export {};