import { AlertProps as MuiAlertProps } from '@mui/material/Alert/Alert';
import { ReactNode } from 'react';
type BaseAlertProps = {
    /** Hides the icon */
    noIcon?: boolean;
    /** Body of the alert. Recommend passing a string or component. */
    children?: ReactNode;
    /**
     * Variant of the alert: "standard", "filled", "outlined", or "leftBorder"
     * @default leftBorder
     */
    variant?: MuiAlertProps['variant'];
    /** (optional) Title for the alert */
    title?: string;
};
export type AlertProps = BaseAlertProps & Omit<MuiAlertProps, 'variant'>;
export type InternalAlertProps = Omit<AlertProps, 'color' | 'severity'>;
/**
 * Compatible with all of MUI's Alert props EXCEPT FOR:
 * - `severity` -- instead of `<Alert severity='success' {...props}>`, use `<SuccessAlert {...props}>`
 * - `color` -- do not mix up severity colors
 *
 * Additional props:
 * - `noIcon` -- icons are displayed by default. Use this to hide the icon.
 *
 * Modified props:
 * - `variant` -- works with standard MUI variants: `standard`, `filled`, `outlined`, with one additional: `leftBorder` (default) which adds a border to the left of the alert matching the severity color
 */
export declare const Alert: (props: AlertProps) => import("react/jsx-runtime").JSX.Element;
export default Alert;
