63 lines
1.7 KiB
TypeScript
63 lines
1.7 KiB
TypeScript
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,
|
|
},
|
|
},
|
|
};
|