import { type Toast as HotToast } from 'react-hot-toast/headless';
/**
 * Props for the Toast component
 */
type ToastProps = {
    /** Index of the toast in the stack */
    index: number;
    /** Vertical offset of the toast from its base position */
    offset: number;
    /** The toast data from react-hot-toast */
    toast: HotToast;
    /** Gap between toasts in pixels */
    toasterGap: number;
    /** Padding from the edges of the screen in pixels */
    toasterPadding: number;
    /** Whether the toast stack is currently being hovered */
    toastsAreHovered: boolean;
    /** Total number of toasts in the stack */
    totalToasts: number;
    /** Offset when the toast is in collapsed state */
    collapsedOffset: number;
    /** Scale factor when the toast is in collapsed state */
    collapsedScale: number;
    /** Callback to update the toast's height */
    updateHeight: (id: string, height: number) => void;
};
/**
 * A single toast notification component that handles its own animations and positioning.
 *
 * The Toast component is responsible for:
 * - Rendering the toast content
 * - Managing enter/exit animations
 * - Handling responsive sizing
 * - Positioning itself within the toaster
 * - Collapsing/expanding based on hover state
 *
 * @example
 * ```tsx
 * <Toast
 *   index={0}
 *   offset={0}
 *   toast={toastData}
 *   toasterGap={8}
 *   toasterPadding={16}
 *   toastsAreHovered={false}
 *   totalToasts={1}
 *   collapsedOffset={0}
 *   collapsedScale={1}
 *   updateHeight={(id, height) => {}}
 * />
 * ```
 */
export declare const Toast: ({ index, offset: offsetProp, toast, toasterGap, toasterPadding, toastsAreHovered, totalToasts, collapsedOffset, collapsedScale, updateHeight, }: ToastProps) => import("react/jsx-runtime").JSX.Element;
export {};