import type { Meta, StoryObj } from '@storybook/react-vite';
import { EventCardSkeleton } from '@/components/events/event-card.skeleton';
import { EventCardView } from '@/components/events/event-card.view';
import { Button } from '@/components/ui/button';

const meta = {
  title: 'Events/EventCard',
  component: EventCardView,
} satisfies Meta<typeof EventCardView>;

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

export const Primary: Story = {
  args: {
    eventInfo: {
      eventId: '1',
      type: 'official',
      requireKyc: true,
      isJoined: false,
      coverImage: 'https://github.com/NixOS/nixos-artwork/blob/master/wallpapers/nix-wallpaper-watersplash.png?raw=true',
      eventName: 'Nix CN Conference 26.05',
      description: 'Event Description',
      startTime: new Date('2026-06-13T04:00:00.000Z'),
      endTime: new Date('2026-06-14T04:00:00.000Z'),
    },
    actionFooter: <Button className="w-full">加入活动（示例）</Button>,
  },
};

export const Loading: Story = {
  render: () => <EventCardSkeleton />,
  args: {
    eventInfo: {
      eventId: '1',
      type: 'official',
      requireKyc: true,
      coverImage: '',
      isJoined: false,
      eventName: '',
      description: '',
      startTime: new Date(0),
      endTime: new Date(0),
    },
    actionFooter: <Button className="w-full">加入活动（示例）</Button>,
  },
};