import { type JSX, type ReactNode } from 'react';
import type { RecipeVariants } from '@vanilla-extract/recipes';
import * as styles from './toast.css.js';
export type ToastKind = NonNullable<NonNullable<RecipeVariants<typeof styles.kindRecipe>>['kind']>;
export type ToastAction = {
    id: string;
    label: string;
    onClick: () => void;
};
export type ToastItem = {
    id: string;
    kind?: ToastKind;
    title: ReactNode;
    message?: ReactNode;
    actions?: readonly ToastAction[];
};
export type ToastViewportProps = {
    toasts: readonly ToastItem[];
    onDismiss: (toastId: string) => void;
    dismissLabel?: string;
    className?: string;
};
export declare const ToastViewport: ({ toasts, onDismiss, dismissLabel, className, }: ToastViewportProps) => JSX.Element | null;
//# sourceMappingURL=ToastViewport.d.ts.map