import type { Meta, StoryObj } from '@storybook/react';
import { StatBand } from './StatBand';
import React from 'react';

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

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

export const Default: Story = {
  args: {
    stats: [
      { value: '$5.5T', label: 'AI market opportunity by 2030' },
      { value: '3x', label: 'Faster time to production' },
      { value: '9M+', label: 'Requests handled daily' },
      { value: '99.9%', label: 'Platform uptime', color: 'success' },
    ],
  },
};

export const TwoColumn: Story = {
  args: {
    columns: 2,
    stats: [
      { value: '40%', label: 'Reduction in manual review time' },
      { value: '12 weeks', label: 'Average time to first production agent' },
    ],
  },
};