monday-ui-react-core
Version:
Official monday.com UI resources for application development in React.js
38 lines (37 loc) • 1.39 kB
TypeScript
import React from "react";
import { IconType } from "../Icon/IconConstants";
import { AttentionBoxType } from "./AttentionBoxConstants";
import { SubIcon, VibeComponentProps, ElementContent } from "../../types";
export interface AttentionBoxProps extends VibeComponentProps {
className?: string;
/**
* @deprecated - use className instead
*/
componentClassName?: string;
withIconWithoutHeader?: boolean;
/** we support 5 types of attention boxes */
type?: AttentionBoxType;
/** Icon classname for icon font or SVG Icon Component for SVG Type */
icon?: SubIcon;
iconType?: IconType.SVG | IconType.ICON_FONT;
title?: string;
text?: string;
children?: ElementContent;
withoutIcon?: boolean;
onClose?: (event: React.MouseEvent) => void;
compact?: boolean;
closeButtonAriaLabel?: string;
/** Enables an entry animation when the component appears */
entryAnimation?: boolean;
}
declare const _default: ((import("../../types/VibeComponent").default<AttentionBoxProps, unknown> & Partial<{
types: typeof AttentionBoxType;
iconTypes: typeof IconType;
}>) | (React.FC<AttentionBoxProps> & Partial<{
types: typeof AttentionBoxType;
iconTypes: typeof IconType;
}>)) & {
types: typeof AttentionBoxType;
iconTypes: typeof IconType;
};
export default _default;