import type { Meta, StoryObj } from '@storybook/react';
import { Search, PenTool, Rocket } from 'lucide-react';
import { EvidenceTimeline } from './EvidenceTimeline';
import React from 'react';

const meta: Meta<typeof EvidenceTimeline> = {
  title: 'Blocks/Marketing/EvidenceTimeline',
  component: EvidenceTimeline,
};

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

export const Default: Story = {
  args: {
    items: [
      {
        title: 'Discovery',
        description: 'We audit your current workflows, data sources, and compliance requirements.',
        color: 'chart-1',
      },
      {
        title: 'Design',
        description: 'We map the target architecture and define integration points with your stack.',
        color: 'chart-2',
      },
      {
        title: 'Delivery',
        description: 'We ship the solution, monitor adoption, and iterate with your team.',
        color: 'success',
      },
    ],
  },
};

export const WithIcons: Story = {
  args: {
    items: [
      {
        icon: <Search />,
        title: 'Research',
        description: 'Understand user needs and existing pain points.',
        color: 'info',
      },
      {
        icon: <PenTool />,
        title: 'Prototype',
        description: 'Design and validate the solution with stakeholders.',
        color: 'chart-3',
      },
      {
        icon: <Rocket />,
        title: 'Launch',
        description: 'Roll out to production with full monitoring in place.',
        color: 'warning',
      },
    ],
  },
};