import * as React from 'react';
import { type VariantProps } from 'class-variance-authority';
declare const calloutVariants: (props?: ({
    tone?: "success" | "default" | "warning" | "danger" | "info" | null | undefined;
    layout?: "inline" | "banner" | null | undefined;
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
export type CalloutProps = React.HTMLAttributes<HTMLDivElement> & VariantProps<typeof calloutVariants> & {
    role?: React.AriaRole;
};
export declare function Callout({ className, tone, layout, role, ...props }: CalloutProps): React.ReactElement;
export type CalloutTitleProps = React.HTMLAttributes<HTMLParagraphElement>;
export declare function CalloutTitle({ className, ...props }: CalloutTitleProps): React.ReactElement;
export type CalloutDescriptionProps = React.HTMLAttributes<HTMLParagraphElement>;
export declare function CalloutDescription({ className, ...props }: CalloutDescriptionProps): React.ReactElement;
export {};
