Notifications

"use client";
import { Button, useNotification } from "@g4rcez/components";

const themes = [
  "default",
  "info",
  "warn",
  "muted",
  "danger",
  "success",
  "secondary",
] as const;

function NotificationThemesDemo() {
  const notify = useNotification();

  return (
    <div className="flex flex-wrap gap-2">
      {themes.map((theme) => (
        <Button
          key={theme}
          onClick={() =>
            notify(`This is a ${theme} notification`, {
              title: `${theme.charAt(0).toUpperCase() + theme.slice(1)} Notification`,
              theme: theme,
            })
          }
        >
          Trigger {theme}
        </Button>
      ))}
    </div>
  );
}