import { default as React, ReactNode } from 'react';
import { IconName } from '../Icon';
export type CalloutVariant = 'alert' | 'info' | 'success' | 'warning';
export type CalloutProps = {
    /**
     * Identifier of the Callout
     */
    id?: string;
    /**
     * className for the element
     */
    className?: string;
    /**
     * Content of the Callout
     */
    children?: ReactNode;
    /**
     * The icon to display in the Callout
     */
    iconName?: IconName;
    /**
     * The title to display in the Callout
     */
    title: ReactNode;
    /**
     * The visual style of the Callout
     * @default info
     */
    variant?: CalloutVariant;
};
/**
 * Callouts are used to communicate a state that affects a system, feature or page.
 * Callout is an ideal component for use cases such as Form errors.
 * @see https://grapes.spendesk.design/docs/components/callout
 */
export declare const Callout: ({ className, children, iconName, title, variant, ...rest }: CalloutProps) => React.JSX.Element;
//# sourceMappingURL=Callout.d.ts.map