import * as React from 'react'; import { IntentVals } from '../../enhancers'; import { BoxProps } from '../Box/types'; import { IIconProps } from '../Icon'; export declare type CalloutProps = BoxProps & { /** Name or Icon props of a Font Awesome Icon to render*/ icon?: IIconProps['icon'] | React.ReactElement; /** * Intent style for the callout. Seting will change callout colors and icon. * @default default */ intent?: IntentVals | 'info'; /** * appearance style for the callout. Setting to outline will change callout backgound from solid to transparent. * @default default */ appearance?: 'default' | 'outline'; /** * Displayed as the title of the callout */ heading?: string; /** * Actions to be displayed on the right side of the callout. Useful if the callout needs to display a button or select. */ actions?: React.ReactElement; /** * Controls whether the callout content goes all the way to bottom outline or not */ noContentBottomPadding?: boolean; }; export declare const Callout: React.NamedExoticComponent; } & import("../../enhancers").BorderWidthProps & import("../../enhancers").BorderRoundedProps & import("../../enhancers").IRingProps & import("../../enhancers").IInteractivityProps & import("../../enhancers").IFlexProps & import("../../enhancers").IPositionProps & import("../../enhancers").TransformProps & import("../../enhancers").ILayoutProps & import("../Box").DatasetProps & { as?: React.ElementType; className?: string; role?: string; noFocusRing?: boolean; children?: React.ReactNode; } & Omit & { /** Name or Icon props of a Font Awesome Icon to render*/ icon?: IIconProps['icon'] | React.ReactElement; /** * Intent style for the callout. Seting will change callout colors and icon. * @default default */ intent?: IntentVals | 'info'; /** * appearance style for the callout. Setting to outline will change callout backgound from solid to transparent. * @default default */ appearance?: 'default' | 'outline'; /** * Displayed as the title of the callout */ heading?: string; /** * Actions to be displayed on the right side of the callout. Useful if the callout needs to display a button or select. */ actions?: React.ReactElement; /** * Controls whether the callout content goes all the way to bottom outline or not */ noContentBottomPadding?: boolean; }>;