import * as react from 'react';
import { HTMLAttributes } from 'react';

declare const toneStyles: {
    readonly default: {
        readonly wrapper: "border-tollerud-border bg-tollerud-surface-raised";
        readonly icon: "text-tollerud-text-muted";
    };
    readonly accent: {
        readonly wrapper: "border-tollerud-yellow/30 bg-tollerud-yellow/5";
        readonly icon: "text-tollerud-yellow";
    };
    readonly info: {
        readonly wrapper: "border-blue-500/30 bg-blue-500/5";
        readonly icon: "text-blue-400";
    };
    readonly success: {
        readonly wrapper: "border-green-500/30 bg-green-500/5";
        readonly icon: "text-green-400";
    };
    readonly error: {
        readonly wrapper: "border-red-500/30 bg-red-500/5";
        readonly icon: "text-red-400";
    };
};
interface AlertProps extends HTMLAttributes<HTMLDivElement> {
    tone?: keyof typeof toneStyles;
    title?: string;
    icon?: React.ReactNode;
}
declare const Alert: react.ForwardRefExoticComponent<AlertProps & react.RefAttributes<HTMLDivElement>>;

export { Alert, type AlertProps };