"use client";

import { ToastProvider, ToastViewport, ToastNotification } from "@/components/ui/toast";
import { useToastStore } from "@/store";

export function Toaster() {
  const toasts = useToastStore((s) => s.toasts);
  const dismiss = useToastStore((s) => s.dismiss);

  return (
    <ToastProvider swipeDirection="right">
      {toasts.map((t) => (
        <ToastNotification key={t.id} toast={t} onDismiss={dismiss} />
      ))}
      <ToastViewport />
    </ToastProvider>
  );
}