import type { Meta, StoryObj } from '@storybook/react-vite';

import { generateSvgPlaceholder } from '../../utils/storybook';

import { PromoHero } from './PromoHero';

const meta: Meta<typeof PromoHero> = {
  title: 'UI kit/PromoHero',
  component: PromoHero,
  tags: ['autodocs'],
};

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

export const Default: Story = {
  args: {
    title: 'Promo Hero Title',
    description: 'Promo Hero Description',
    action: 'Promo Hero Action',
    image: generateSvgPlaceholder(600, 400),
  },
};

export const WithImageFitContain: Story = {
  args: {
    title: 'Promo Hero Title',
    description: 'Promo Hero Description',
    action: 'Promo Hero Action',
    image: generateSvgPlaceholder(400, 600),
    imageFit: 'contain',
  },
};

export const WithImageFitCover: Story = {
  args: {
    title: 'Promo Hero Title',
    description: 'Promo Hero Description',
    action: 'Promo Hero Action',
    image: generateSvgPlaceholder(400, 600),
    imageFit: 'cover',
  },
};