import React from "react"; import { BoxProps } from "../Box"; import { HeadingProps } from "../Heading"; import { STATUS_VARIANT } from "../../types"; import { CUSTOM_ICON_TYPE, ICON_STYLE_PREFIX, ICON_TYPE, StatusIconProps } from "../Icon"; import { CloseButtonProps } from "../CloseButton"; interface SharedBannerRootProps extends BoxProps { variant?: STATUS_VARIANT; } export interface BannerProps extends SharedBannerRootProps { title?: string; withIcon?: boolean; icon?: ICON_TYPE | CUSTOM_ICON_TYPE; iconPrefix?: ICON_STYLE_PREFIX; } export interface BannerRootProps extends SharedBannerRootProps { children: React.ReactNode; } export interface BannerIconProps extends StatusIconProps { icon?: ICON_TYPE | CUSTOM_ICON_TYPE; iconPrefix?: ICON_STYLE_PREFIX; } export type BannerContentStackProps = BoxProps; export type BannerTitleProps = HeadingProps; export type BannerBodyProps = BoxProps; export type BannerDismissProps = CloseButtonProps; declare const CompoundBanner: React.ForwardRefExoticComponent & React.RefAttributes> & { Root: React.ForwardRefExoticComponent & React.RefAttributes>; Icon: React.ForwardRefExoticComponent & React.RefAttributes>; ContentStack: React.ForwardRefExoticComponent & React.RefAttributes>; Title: React.ForwardRefExoticComponent>; Body: React.ForwardRefExoticComponent & React.RefAttributes>; Dismiss: React.ForwardRefExoticComponent>; }; export { CompoundBanner as Banner };