/**
 * @fileoverview Saasflare Callout — emphasized info / warning / success box.
 * @author Saasflare™
 *
 * Sits between Alert (passive page-level notification) and Dialog (modal
 * interruption). A callout reads as "pay attention to this paragraph"
 * inside flowing content — common in docs, onboarding screens, and
 * inline form guidance.
 *
 * @module packages/ui/components/ui/callout
 * @package ui
 * @layer core
 *
 * @example
 * <Callout intent="warning" title="Heads up">
 *   This action is irreversible. Make sure you've exported your data first.
 * </Callout>
 */
import { type ReactNode } from "react";
import { type SaasflareComponentProps } from "../../providers";
declare const INTENTS: readonly ["primary", "neutral", "success", "warning", "danger", "info"];
/** Semantic color intent of a {@link Callout} — drives the accent stripe, background tint, and title/icon color tokens. */
export type CalloutIntent = (typeof INTENTS)[number];
/** Props for the Callout component. */
export interface CalloutProps extends SaasflareComponentProps {
    /** Color intent. Default: `"info"`. */
    intent?: CalloutIntent;
    /** Bold title rendered above the body. */
    title?: ReactNode;
    /** Leading icon (rendered in the same color as the intent stripe). */
    icon?: ReactNode;
    /** Body content. */
    children?: ReactNode;
    /** Additional class names. */
    className?: string;
}
/**
 * Inline emphasized message box with intent-driven coloring.
 *
 * @component
 * @layer core
 *
 * @example
 * <Callout intent="success" title="Saved">Your changes are live.</Callout>
 */
export declare function Callout({ intent, title, icon, children, className, surface, radius, animated, iconWeight, }: CalloutProps): import("react/jsx-runtime").JSX.Element;
export {};