import React from 'react';
import { SymbolCodepoints } from '@/core/icons/types';
export type CalloutVariant = 'primary' | 'success' | 'warning' | 'error' | 'info' | 'neutral';
export interface CalloutProps {
    /** Title text displayed in bold */
    title: string;
    /** Description text displayed below the title */
    description?: string;
    /** Color variant of the callout */
    variant?: CalloutVariant;
    /** Icon name from Material Symbols */
    icon?: SymbolCodepoints;
    /** Icon size in pixels */
    iconSize?: number;
    /** Custom background color for the container (overrides variant) */
    customBackgroundColor?: string;
    /** Custom background color for the icon container (overrides variant) */
    customIconBackgroundColor?: string;
    /** Custom icon color (overrides variant) */
    customIconColor?: string;
    /** Additional class name for the container */
    className?: string;
    /** Additional inline styles */
    style?: React.CSSProperties;
    /** HTML id attribute */
    id?: string;
    /** Custom data attributes */
    'data-testid'?: string;
}
export declare const Callout: React.FC<CalloutProps>;
