import { AlertProps as MuiAlertProps } from '@mui/material';
import { IconId } from '../icon/Icon';
export declare const alertSeverities: readonly ["success", "info", "error", "warning"];
export type AlertSeverity = (typeof alertSeverities)[number];
export declare const alertVariants: readonly ["transparent", "filled"];
export type AlertVariant = (typeof alertVariants)[number];
export type AlertProps = Pick<MuiAlertProps, 'children' | 'sx'> & {
    /**
     * Optional title of this alert
     */
    title?: string;
    /**
     * Severity of this alert
     */
    severity?: AlertSeverity;
    /**
     * Variant of this alert
     */
    variant?: AlertVariant;
    /**
     * Id of icon to display inside the component. Not used if severity is set.
     */
    iconId?: IconId;
    /**
     * By default if no iconId is provided this component add the default icon according to severity.
     * This settings allows to not show the default icon.
     */
    hideDefaultIcon?: boolean;
};
/**
 * A container to show messages with certain severity
 */
declare const Alert: ({ children, severity, variant, title, iconId, sx, hideDefaultIcon }: AlertProps) => import("react/jsx-runtime").JSX.Element;
export default Alert;
