import { default as React } from 'react'; export type NotificationPanelVariants = 'info' | 'warn' | 'error' | 'success'; export type NotificationCompactVariants = 'basic' | 'outline'; export type NotificationPanelSizes = 'small' | 'medium' | 'large'; export type LabelTags = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'span'; export interface NotificationPanelProps { /** Adds custom classes to the element. */ className?: string; /** Adds inner child elements. */ children?: React.ReactNode; /** Adds inner expander elements. */ expanderChildren?: React.ReactNode; /** Text for expanderButton. */ expanderButtonText?: string; /** Text for expanderButton when closed. */ expanderButtonClosedText?: string; /** Makes expander be open from start. */ expanderOpenFromStart?: boolean; /** Changes the visual representation of the notification panel. */ variant?: NotificationPanelVariants; /** Makes the panel more compact. Available in basic and outline. */ compactVariant?: NotificationCompactVariants; /** Sets a fixed size for the content container. */ size?: NotificationPanelSizes; /** Used in combination with dismissiable property to close the notification panel. */ onClick?: (e?: React.MouseEvent) => void; /** Toggles the close button in the top right corner. */ dismissable?: boolean; /** Enables a fluid outer container that spans the entire width of parent. */ fluid?: boolean; /** Sets a label for the notification panel. */ label?: string; /** Changes the underlying element of the label. */ labelHtmlMarkup?: LabelTags; /** Close button aria-label */ ariaLabelCloseBtn?: string; /** Custom id for the label */ labelId?: string; /** Custom role for the panel. Default is no role. If variant is alert or crisis, the aria role will be set to "alert" unless the role-prop is also set. */ role?: 'region' | 'alert' | 'status' | 'none'; /** Sets the data-testid attribute. */ testId?: string; /** Ref passed to the component */ ref?: React.Ref; } declare const NotificationPanel: React.FC; export default NotificationPanel;