import { ComponentProps, ReactNode } from 'react';
import { Variant } from '../generated.js';
export declare const toastBodyClassName = "flex min-w-0 flex-1 flex-col gap-2";
export declare const toastMessageClassName = "text-sm text-lt-fg";
export declare const toastActionsClassName = "flex flex-wrap gap-2";
export declare const toastDismissClassName = "shrink-0 rounded-lt-sm p-1 text-lt-muted-fg transition-colors hover:bg-lt-muted hover:text-lt-fg";
export declare function toastCardClassName(variant: Variant, className?: string): string;
export type ToastCardProps = ComponentProps<"div"> & {
    variant: Variant;
    message: ReactNode;
    action?: ReactNode;
    dismissible?: boolean;
    dismissLabel?: string;
    onDismiss?: () => void;
};
/**
 * The presentational toast markup without the Radix toast machinery: renders
 * anywhere (previews, docs, static captures) — no provider, viewport, or
 * portal required. `Toaster`/`Toast` remain the live notification pipeline.
 */
export declare function ToastCard({ variant, message, action, dismissible, dismissLabel, onDismiss, className, ...props }: ToastCardProps): import("react").JSX.Element;