import React from 'react';
import { DefaultProps, FlowindColor, FlowindSize, Selectors, StatusType } from '../../styles';
import useStyles, { type AlertStylesParams, type AlertVariant } from './alert.styles';
export type AlertStylesNames = Selectors<typeof useStyles>;
export interface AlertProps extends DefaultProps<AlertStylesNames, AlertStylesParams>, Omit<React.ComponentPropsWithoutRef<'div'>, 'title'> {
    /** Alert title */
    title?: React.ReactNode;
    type?: StatusType;
    /** Controls Alert background, color and border styles, "light" by default */
    variant?: AlertVariant;
    /** Alert message */
    children: React.ReactNode;
    /** Key of theme.colors */
    color?: FlowindColor;
    /** Icon displayed next to the title */
    icon?: React.ReactNode;
    /** Determines whether close button should be displayed, false by default */
    dismissible?: boolean;
    /** Called when close button is clicked */
    onClose?: () => void;
    /** Close button aria-label */
    closeButtonLabel?: string;
    /** Key of theme.radius or any valid CSS value to set border-radius, theme.defaultRadius by default */
    radius?: FlowindSize;
}
export declare const Alert: React.ForwardRefExoticComponent<AlertProps & React.RefAttributes<HTMLDivElement>>;