import { type ToastPosition } from 'react-hot-toast/headless';
/**
 * Props for configuring the Toaster component
 */
type ToasterProps = {
    /** Padding from the edges of the screen in pixels */
    padding?: number;
    /** Gap between toasts in pixels */
    gap?: number;
    /** Spacing between the tops or bottoms (depending on position) of collapsed toasts in pixels */
    collapsedSpacing?: number;
    /** Default position for toasts on the screen */
    position?: ToastPosition;
};
declare const TOASTER_POSITIONS: ["top-left", "top-center", "top-right", "bottom-left", "bottom-center", "bottom-right"];
/**
 * A component that renders and manages toast notifications.
 *
 * The Toaster component provides a flexible toast notification system with the following features:
 * - Multiple toast positions (top/bottom, left/center/right)
 * - Collapsible toast stack when not hovered
 * - Smooth animations for entering/exiting
 * - Customizable spacing and padding
 *
 * @example
 * ```tsx
 * import { Toaster, showToast } from '@cleanlab/design-system/components'
 *
 * // Place this in your app root
 * <Toaster />
 *
 * // Place this in a component
 * <Button onClick={() => showToast({heading: 'Hello', description: 'This is a toast', status: 'info'})}>Show Toast</Button>
 * ```
 */
declare const Toaster: ({ padding, gap, collapsedSpacing, position, }: ToasterProps) => import("react/jsx-runtime").JSX.Element;
export { Toaster, TOASTER_POSITIONS };