import * as React from 'react'; import '../../../index.scss'; import HIDComponentProps from '../ComponentModel/HIDComponentModel'; export interface HIDNotificationProps extends HIDComponentProps { /**Variant of the Notification */ variant: 'success' | 'warning' | 'info' | 'error'; /**Display message in the Notification */ message: string; /**Horizontal positioning of the Notification ,Default:'right*/ horizontalPosition?: 'left' | 'right' | 'center'; /**Vertical positioning of the Notification,Default:'top' */ verticalPosition?: 'top' | 'bottom'; /**Auto Hide duration in milliseconds for the Notification ,Default:'3000ms'*/ autoHideDuration?: number; /**TransitionType of the Notification ,specify the Slide direction if transition is Slide,Default:'grow'*/ transitionType?: 'slide' | 'grow'; /**TransitionDuration in milliseconds for the Notification,Default:'500ms' */ transitionDuration?: number; /**Slide Direction of the Notification if transitionType is Slide */ slideDirection?: 'left' | 'right' | 'up' | 'down'; /** Callback function after closing the Notification*/ callback?: () => void; /** true or false.Can be performed by a function as well*/ open?: boolean; } export interface HIDNotificationState { /** Icon fill color */ fillColor?: object; HIDIconWidth: number; HIDIconHeight: number; HIDIconCancelwidth: number; HIDIconCancelheight: number; DefaultVerticalPositon: any; DefaultHorizontalPositon: any; DefaultautoHideDuration: number; DefaultTransitionComponent: string; DefaultTransitionDuration: number; open: boolean; } /** * ### The API documentation of the HID Notification React component. Learn more about the properties and the API Methods. * */ export default class HIDNotification extends React.Component { state: HIDNotificationState; componentDidUpdate(prevProps: any): void; private handleClose; variantIcon: { success: JSX.Element; warning: JSX.Element; error: JSX.Element; info: JSX.Element; }; setContentClassName: { success: string; info: string; warning: string; error: string; }; TransitionSlide: (props: any) => JSX.Element; TransitionGrow: (props: any) => JSX.Element; render(): JSX.Element; }