monday-ui-react-core/dist/esm/components/AlertBanner/AlertBanner.d.ts

Official monday.com UI resources for application development in React.js

import React, { ReactElement } from "react";
import { AlertBannerBackgroundColor } from "./AlertBannerConstants";
import VibeComponentProps from "../../types/VibeComponentProps";
import { AlertBannerLinkProps } from "./AlertBannerLink/AlertBannerLink";
import { AlertBannerButtonProps } from "./AlertBannerButton/AlertBannerButton";
import { AlertBannerTextProps } from "./AlertBannerText/AlertBannerText";
import { VibeComponent } from "../../types";
type ChildrenType = ReactElement<AlertBannerButtonProps | AlertBannerLinkProps | AlertBannerTextProps>;
export interface AlertBannerProps extends VibeComponentProps {
    /**
     * Set external styling to the progress bar.
     */
    className?: string;
    backgroundColor?: AlertBannerBackgroundColor;
    isCloseHidden?: boolean;
    /** ARIA description for the progress bar */
    ariaLabel?: string;
    closeButtonAriaLabel?: string;
    onClose?: (event: React.MouseEvent<HTMLButtonElement>) => void;
    children?: ChildrenType | ChildrenType[];
}
declare const _default: ((VibeComponent<AlertBannerProps & React.RefAttributes<HTMLElement>, HTMLElement> & Partial<{
    backgroundColors: typeof AlertBannerBackgroundColor;
}>) | (React.FC<AlertBannerProps & React.RefAttributes<HTMLElement>> & Partial<{
    backgroundColors: typeof AlertBannerBackgroundColor;
}>)) & {
    backgroundColors: typeof AlertBannerBackgroundColor;
};
export default _default;