import { default as React } from 'react';
import { default as IAlertProps } from './IAlertProps';
/**
 * Alert component that displays important messages with various visual styles.
 * Used for communicating state, notifications or providing feedback to the user.
 *
 * @component
 *
 * @param props {@link IAlertProps} - The component props
 *
 * @example
 * // Basic usage with title and description
 * <Alert
 *   title="Alert Title"
 *   description="This is an alert description."
 * />
 *
 * @example
 * // Destructive variant for errors
 * <Alert
 *   title="Error Alert"
 *   description="Something went wrong."
 *   variant="destructive"
 * />
 *
 * @example
 * // Info variant for information
 * <Alert
 *   title="Info Alert"
 *   description="Here's some information."
 *   variant="info"
 * />
 *
 * @example
 * // Success variant for confirmations
 * <Alert
 *   title="Success Alert"
 *   description="Operation completed successfully."
 *   variant="success"
 * />
 *
 * @example
 * // Warning variant for warnings
 * <Alert
 *   title="Warning Alert"
 *   description="Please be careful."
 *   variant="warning"
 * />
 *
 * @example
 * // Alert with only title
 * <Alert title="Simple Alert" />
 *
 * @example
 * // Alert with only description
 * <Alert description="Alert message without title" />
 *
 * @example
 * // Alert without close button and icon
 * <Alert
 *   title="Simple alert without icons and closing"
 *   closable={false}
 *   isShowIcon={false}
 * />
 *
 * @returns {JSX.Element} Alert component
 */
declare const Alert: React.FC<IAlertProps & React.RefAttributes<HTMLDivElement>>;
export default Alert;
