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

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

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

export const Default: Story = {
  args: {
    title: 'Why enterprises choose Xertica AI',
    description:
      'We pair deep Google Cloud expertise with an AI adoption framework built for regulated industries.',
  },
};

export const WithAccentBar: Story = {
  args: {
    title: 'Measurable impact',
    description: 'Every engagement ships with a baseline and a 90-day measurement plan.',
    accentColor: 'success',
  },
};

export const SidebarTone: Story = {
  render: args => (
    <div className="bg-sidebar p-8">
      <SectionHeading {...args} />
    </div>
  ),
  args: {
    title: 'Methodology',
    description: 'A rigorous, repeatable approach to responsible AI adoption.',
    tone: 'sidebar',
    accentColor: 'primary',
  },
};