import { BoxProps, ChakraComponent } from '@chakra-ui/react';
import { default as React } from 'react';
import { messageVariantsArray, bgColorsArray, highlightColorsArray } from '../../theme/sharedTypes';
export type BannerVariants = typeof messageVariantsArray[number];
export type BannerBgColors = typeof bgColorsArray[number];
export type BannerHighlightColors = typeof highlightColorsArray[number];
export interface BannerProps extends Omit<BoxProps, "content"> {
    /** Used to set the color of the background for the full component.
     * Refer to how color values are defined and typed in the DS Icon component. */
    backgroundColor?: BannerBgColors;
    /** Used to populate the body content of the component. */
    content: string | JSX.Element;
    /** Used to populate the heading element within the component.  A string
     * value can be passed to set the text for a default DS Heading component,
     * or an actual DS Heading component can be passed in. */
    heading?: string | JSX.Element;
    /** Used to set the color for the left border and icon.  Refer to how color
     * values are defined and typed in the DS Icon component. */
    highlightColor?: BannerHighlightColors;
    /** Optional custom `Icon` that will override the default `Icon`. */
    icon?: JSX.Element;
    /** Optional prop to control whether a `Banner` can be dismissed
     * (closed) by a user. */
    isDismissible?: boolean;
    /** Function to call when the banner is closed. */
    onClose?: () => void;
    /** Used to control the component's semantic coloring and iconography. */
    variant?: BannerVariants;
}
/**
 * The `Banner` component is a non-modal, semantic dialog used to communicate a
 * general status event or to promote a feature, providing contextual feedback
 * messages for typical user actions within a page flow.
 */
export declare const Banner: ChakraComponent<React.ForwardRefExoticComponent<BannerProps & React.RefAttributes<HTMLDivElement>>, BannerProps>;
export default Banner;