import { DeepPartial, IconComponent } from "..";
import type { ThemeColors } from "../Flowbite/FlowbiteTheme";
import { Component, ComponentProps, JSX, ParentProps } from "solid-js";
export interface AlertTheme {
    root: AlertRootTheme;
    closeButton: AlertCloseButtonTheme;
}
export interface AlertRootTheme {
    base: string;
    borderAccent: string;
    wrapper: string;
    color: AlertColors;
    icon: string;
    rounded: string;
}
export interface AlertCloseButtonTheme {
    base: string;
    icon: string;
    color: AlertColors;
}
export interface AlertColors extends Pick<ThemeColors, "failure" | "gray" | "info" | "success" | "warning"> {
    [key: string]: string;
}
export interface AlertProps extends ParentProps<Omit<ComponentProps<"div">, "color">> {
    additionalContent?: JSX.Element;
    color?: keyof AlertColors;
    icon?: IconComponent;
    onDismiss?: boolean | (() => void);
    rounded?: boolean;
    withBorderAccent?: boolean;
    theme?: DeepPartial<AlertTheme>;
}
export declare const Alert: Component<AlertProps>;