"use client";

import { toast } from "sonner";
import { Toaster } from "./sonner";

export default function SonnerDemo() {
  return (
    <div className="flex items-center justify-center p-8">
      <Toaster />
      <button
        onClick={() => toast("Event has been created", { description: "Sunday, December 03, 2023 at 9:00 AM" })}
        className="inline-flex items-center justify-center rounded-base border-2 border-border bg-main px-4 py-2 text-sm font-base text-main-foreground shadow-shadow hover:translate-x-boxShadowX hover:translate-y-boxShadowY hover:shadow-none"
      >
        Show Toast
      </button>
    </div>
  );
}