"use client";

import { Toaster as SonnerToaster } from "sonner";
import { useI18n } from "@/i18n";

export function Toaster() {
  const { dir } = useI18n();
  return (
    <SonnerToaster
      position="bottom-right"
      dir={dir}
      richColors
      closeButton
      toastOptions={{
        classNames: {
          toast: "rounded-lg border shadow-lg font-sans text-sm",
          success: "border-success/20",
          error: "border-destructive/20",
        },
      }}
    />
  );
}