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

import { BlogTitle } from '@/components/blog-title';
import { Center } from './decorators';

const meta: Meta<typeof BlogTitle> = {
  title: 'Blog Title',
  component: BlogTitle,
  decorators: [Center],
};

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

export const Big: Story = {
  args: {
    className: 'text-6xl',
  },
};

export const Small: Story = {
  args: {
    className: 'text-lg',
  },
};