import { BoxProps } from "../Box";
import { IconProps } from "../Icon";
import * as React from "react";

export interface IAlert {
  /**
   * The status of the alert
   */
  status?: "error" | "success" | "warning" | "info";
  /**
   * The variant of the alert style to use.
   */
  variant?: "subtle" | "solid" | "left-accent" | "top-accent";
}

export type AlertProps = IAlert & BoxProps;

/**
 * Alerts are used to communicate a state that affects a system, feature or page
 */
export const Alert: React.FC<AlertProps>;

export const AlertTitle: React.FC<BoxProps>;
export const AlertDescription: React.FC<BoxProps>;
export const AlertIcon: React.FC<IconProps>;