import React from 'react'; import { ComponentProps } from '@hitagi/utils/types'; import Glass from '../Glass'; export declare const ALERT_SEVERITY: readonly ["error", "warning", "info", "success", "neutral"]; export type AlertSeverity = typeof ALERT_SEVERITY[number]; type IconWrapperProps = { iconSize: string | number; iconVerticalAlign: string; }; type AlertProps = { children?: React.ReactNode; severity?: AlertSeverity; /** `Alert`'s content will be enclosed within this component */ ContainerComponent?: React.ElementType; icon?: React.ReactNode; iconSize?: IconWrapperProps['iconSize']; /** `align-self` css property for icon */ iconVerticalAlign?: IconWrapperProps['iconVerticalAlign']; disableIcon?: boolean; title?: React.ReactNode; description?: React.ReactNode; /** An alert can have an action, such as a close button. */ action?: React.ReactNode; /** `align-self` css property for action */ actionVerticalAlign?: string; } & Omit, 'title'>; /** * An alert displays a short, important message in a way * that attracts the user's attention without interrupting the user's task. */ declare const Alert: React.ForwardRefExoticComponent & React.RefAttributes>; export default Alert;