import * as React from 'react'; import { Omit } from '../types'; import { BoxProps } from '../Box'; import { FlexProps } from '../Flex'; import { ButtonProps } from '../Button'; import { IconProps } from '../Icon'; export declare type LocalAlertProps = { /** Placement of the accent (the side border). */ accent?: true | 'top' | 'bottom'; /** Size of the accent (in px). */ accentSize?: string; /** Countdown timer of the alert (in ms). */ countdown?: number; /** Should the alert have an icon depending on its `type`? */ hasIcon?: boolean; /** Is the alert inline, and has the title beside its content? */ isInline?: boolean; /** Function to invoke when the alert close button is pressed. */ onClickClose?: ButtonProps['onClick']; /** Whether or not to show the close button. */ showCloseButton?: boolean; /** The title of the alert. */ title?: string; /** The type of the alert. */ type?: 'info' | 'success' | 'warning' | 'danger'; /** The props to spread onto the close button. */ closeButtonProps?: Omit; /** The props to spread onto the close button icon. */ closeButtonIconProps?: Omit; /** The props to spread onto the alert icon. */ iconProps?: Omit; }; export declare type AlertProps = FlexProps & LocalAlertProps; export declare type AlertContextOptions = AlertProps & { descriptionId?: string; titleId?: string; themeKey?: string; }; export declare const AlertContext: React.Context; export declare const Alert: React.ForwardRefExoticComponent & React.RefAttributes> & { displayName?: string; useProps: (props?: Partial, config?: { disableCSSProps?: string[]; themeKey?: string; }) => any; }; export declare type LocalAlertIconProps = { iconProps?: Omit; }; export declare type AlertIconProps = BoxProps & LocalAlertIconProps; export declare function AlertIcon(props: AlertIconProps): JSX.Element; export declare type LocalAlertContentProps = {}; export declare type AlertContentProps = BoxProps & LocalAlertContentProps; export declare function AlertContent(props: AlertContentProps): JSX.Element; export declare type LocalAlertWrapperProps = {}; export declare type AlertWrapperProps = BoxProps & LocalAlertWrapperProps; export declare function AlertWrapper(props: AlertWrapperProps): JSX.Element; export declare type LocalAlertAccentProps = { isBackground?: boolean; }; export declare type AlertAccentProps = BoxProps & LocalAlertAccentProps; export declare function AlertAccent(props: AlertAccentProps): JSX.Element; export declare type LocalAlertTitleProps = {}; export declare type AlertTitleProps = BoxProps & LocalAlertTitleProps; export declare function AlertTitle(props: AlertTitleProps): JSX.Element; export declare type LocalAlertDescriptionProps = {}; export declare type AlertDescriptionProps = BoxProps & LocalAlertDescriptionProps; export declare function AlertDescription(props: AlertDescriptionProps): JSX.Element;