import { type UiNode } from "../internal.ts";
type AlertProps = {
    /**
     * The overall tone of alert. Affects e.g. its visual styling.
     * Default value: "info".
     */
    tone?: "info" | "success" | "caution" | "critical";
    /**
     * A title or heading for the alert.
     * Optional, but recommended for providing a concise summary of the alert's content.
     */
    title?: string;
    /**
     * The main content of the alert. This can be text or more complex UI elements.
     */
    children?: UiNode;
};
/**
 * A component for displaying an alert message to the user.
 *
 * Alerts can be used to communicate errors and warnings, but also
 * general feedback like acknowledgements for successful actions
 * or neutral informational messages.
 *
 * @example
 * ```tsx
 * <Alert tone="critical" title="Something went wrong">
 *   An error occurred while processing your request.
 * </Alert>
 * ```
 * */
export declare function Alert(props: AlertProps): UiNode;
export {};