import type { Meta, StoryObj } from '@storybook/react';
import { Bot, ShieldCheck, Database } from 'lucide-react';
import { ServiceCardGrid } from './ServiceCardGrid';
import React from 'react';

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

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

export const Default: Story = {
  args: {
    variant: 'card',
    columns: 3,
    items: [
      {
        icon: <Bot />,
        color: 'primary',
        category: 'Strategy',
        title: 'AI Adoption Roadmap',
        description: 'Assess readiness and define a phased plan to scale AI across the business.',
        checklist: ['Maturity assessment', 'Use-case prioritization', 'Executive alignment'],
        cta: { label: 'Learn more', href: '/services/strategy' },
      },
      {
        icon: <ShieldCheck />,
        color: 'success',
        category: 'Governance',
        title: 'Responsible AI Framework',
        description: 'Ship models with auditable guardrails that satisfy compliance teams.',
        checklist: ['SOC 2 mapping', 'Model risk register', 'Human-in-the-loop review'],
        cta: { label: 'Learn more', href: '/services/governance' },
      },
      {
        icon: <Database />,
        color: 'info',
        category: 'Platform',
        title: 'Unified Data Platform',
        description: 'Federate data across clouds so every model has a single source of truth.',
        checklist: ['BigQuery-native', 'Zero-copy federation', '24/7 monitoring'],
        cta: { label: 'Learn more', href: '/services/platform' },
      },
    ],
  },
};

export const PlainFeatureGrid: Story = {
  args: {
    variant: 'plain',
    columns: 4,
    items: [
      { icon: <Bot />, title: 'Conversational Agents', description: 'Deploy AI across every channel.' },
      { icon: <ShieldCheck />, title: 'Governance', description: 'Keep every decision auditable.' },
      { icon: <Database />, title: 'Data Federation', description: 'One source of truth, any cloud.' },
      { icon: <Bot />, title: 'Automation', description: 'Automate repetitive approvals.' },
    ],
  },
};

export const WithBullets: Story = {
  args: {
    variant: 'card',
    columns: 2,
    items: [
      {
        title: 'Managed Services',
        description: '24/7 operational support for your production AI workloads.',
        bullets: ['Sub-hour incident response', 'Dedicated Slack channel', 'Monthly cost review'],
      },
      {
        title: 'Advisory Retainer',
        description: 'Ongoing strategic guidance for executive and product teams.',
        bullets: ['Quarterly roadmap review', 'Vendor evaluation support'],
      },
    ],
  },
};