import * as React from 'react';
import type { Focusable } from '../../focusable/focusable';
import type { Icon as IconType } from '../../icons/icons';
export declare const alertTones: readonly ["positive", "warn", "critical", "info", "neutral"];
export type AlertTone = (typeof alertTones)[number];
type Size = 'small' | 'medium';
export type AlertProps = {
    tone: AlertTone
    size?: Size
    rounded?: boolean
    className?: string
    dismissible?: boolean
    onDismiss?: (event: React.SyntheticEvent<HTMLElement>) => void
    showIcon?: boolean
    Icon?: IconType
    title?: string
    children?: React.ReactNode
    focusRef?: React.RefObject<Focusable | null>
    testId?: string
};
export declare const AlertIcon: ({ tone, size, }: {
    tone: AlertTone
    size?: Size
}) => React.JSX.Element | null;
export declare const Alert: ({ children, className, title, tone, dismissible, onDismiss, size, rounded, showIcon, Icon, focusRef, testId, }: AlertProps) => React.JSX.Element;
export {};