import { NotificationItem } from "../NotificationItem";

export default function NotificationItemExample() {
  return (
    <div className="p-8 max-w-2xl space-y-3">
      <NotificationItem
        id="1"
        type="ai-suggestion"
        planName="Marketing Campaign"
        message="AI suggests adding a 'Social Media Strategy' step to improve campaign reach"
        seen={false}
        createdAt="5 minutes ago"
        onDismiss={() => console.log("Dismiss clicked")}
      />
      <NotificationItem
        id="2"
        type="reminder"
        planName="Website Redesign"
        message="You have 3 incomplete steps in this plan"
        seen={true}
        createdAt="1 hour ago"
        onDismiss={() => console.log("Dismiss clicked")}
      />
    </div>
  );
}
