import React, { type ReactNode } from 'react';
import type { CommonComponentProps, Dimensions, MarginModifierProp, ModifierClassProp } from '../types';
interface Props extends CommonComponentProps, MarginModifierProp, ModifierClassProp {
    actionLabel?: ReactNode;
    detailsContent?: ReactNode;
    detailsButtonLabel?: ReactNode;
    onActionClick?: React.MouseEventHandler<HTMLButtonElement>;
    title: ReactNode;
    variant?: 'error' | 'info' | 'tip' | 'warning';
    width?: Dimensions;
    withIcon?: boolean;
}
/**
 * Renders a Callout styled component in one of four variants: 'error', 'info', 'tip', or 'warning'.
 * Optionally can include accordion/collapsible details content via the `detailsContent` and `detailsButtonLabel` props
 * Or can provide a clickable action button via the `actionLabel` and `onActionClick` props.
 * If a `detailsContent` prop is present without a `detailsButtonLabel` prop, details will appear in a fixed, open state.
 * If `withIcon` (default `true`) is provided as false, the callout will render without a decorative icon
 */
export declare function Callout({ _modifierClass, actionLabel, margin, detailsContent, detailsButtonLabel, onActionClick, title, variant, width, withIcon, ...rest }: Props): React.JSX.Element;
export default Callout;