import { default as React } from 'react'; import { IconName } from '../types/Icon.types'; export interface AlertProps { /** The alert is only visible when this prop is set to `true` */ isActive?: boolean; /** Renders a dismiss button when `true` */ isDismissable?: boolean; /** Callback for user dismissal actions */ onUserDismiss?: () => void; /** Variant of Alert to use */ kind?: "info" | "error" | "success" | "warn" | "primary"; /** Override the default icon of the alert */ icon?: IconName | string | null; /** Size of padding for Alert. */ paddingSize?: "xxs" | "xs" | "s" | "l" | "xl" | "xxl"; /** Message content of the Alert */ children?: React.ReactNode | string; } /** * Inline system message, for a specific region of a page. * The `isActive` prop is used to hide and show the Alert to ensure the Alert * is always rendered in an [ARIA live region](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Live_Regions) * for accessibility. */ declare const Alert: ({ isActive, isDismissable, onUserDismiss, kind, icon, paddingSize, children, }: AlertProps) => React.JSX.Element; export default Alert; //# sourceMappingURL=index.d.ts.map