// Tremor Toaster [v0.0.0]

"use client";

import { useToast } from "@/tremor-lib/useToast";
import { Toast, ToastProvider, ToastViewport } from "./Toast";

const Toaster = () => {
    const { toasts } = useToast();

    return (
        <ToastProvider swipeDirection="right">
            {toasts.map(({ id, ...props }) => {
                return <Toast key={id} {...props} />;
            })}
            <ToastViewport />
        </ToastProvider>
    );
};

export { Toaster };