import { AlertProps as ChakraAlertProps } from '@chakra-ui/react';
import { FC, PropsWithChildren, ReactNode } from 'react';
import { Button } from './Button';
export interface AlertProps extends PropsWithChildren, Omit<ChakraAlertProps, "title" | "description" | "children"> {
    title?: ReactNode;
    description?: ReactNode;
    icon?: ReactNode;
    onClose?: () => void;
}
/**
 * Wraps Chakra Alert {@link https://chakra-ui.com/docs/components/alert}
 * with a simpler API for most common use cases of title, description and icon
 */
export declare const Alert: FC<AlertProps>;
/** Used by {@link AlertButton} - applies basic 'Alert' styling to Button for same appearance */
export declare const AsAlertButton: FC<typeof Button>;