import type { Meta, StoryObj } from "@storybook/react";
import { MonthlyReportEmail } from "../src/emails/reports/MonthlyReportEmail";

const meta: Meta<typeof MonthlyReportEmail> = {
  title: "Emails/Reports/Monthly Report Email",
  component: MonthlyReportEmail,
  parameters: {
    layout: "fullscreen",
  },
};

export default meta;
type Story = StoryObj<typeof MonthlyReportEmail>;

export const Default: Story = {
  args: {
    reportMonth: new Date(),
    totalDeposits: 520000,
    totalWithdrawals: 340000,
    activeUsers: 4850,
    newUsers: 720,
    totalRevenue: 180000,
    averageDeposit: 125,
    retentionRate: 68.5,
    topGames: [
      { name: "Slot Adventure", players: 1850, revenue: 65000 },
      { name: "Blackjack Pro", players: 1320, revenue: 48000 },
      { name: "Roulette Master", players: 1150, revenue: 42000 },
      { name: "Poker Championship", players: 980, revenue: 25000 },
    ],
    growthStats: {
      depositGrowth: 12.5,
      userGrowth: 8.3,
      revenueGrowth: 15.2,
    },
  },
};

export const HighPerformance: Story = {
  args: {
    reportMonth: new Date(),
    totalDeposits: 1200000,
    totalWithdrawals: 780000,
    activeUsers: 11200,
    newUsers: 1850,
    totalRevenue: 420000,
    averageDeposit: 180,
    retentionRate: 75.2,
    topGames: [
      { name: "Slot Adventure", players: 4200, revenue: 185000 },
      { name: "Blackjack Pro", players: 3100, revenue: 125000 },
      { name: "Roulette Master", players: 2800, revenue: 98000 },
      { name: "Poker Championship", players: 2100, revenue: 85000 },
      { name: "Live Casino", players: 1800, revenue: 72000 },
    ],
    growthStats: {
      depositGrowth: 25.8,
      userGrowth: 18.5,
      revenueGrowth: 32.1,
    },
  },
};