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

import PatternLogo from './PatternLogo'
import { DocsTemplate } from '../../../.storybook'

const meta: Meta<typeof PatternLogo> = {
  title: 'Components/PatternLogo',
  component: PatternLogo,
  tags: ['autodocs'],
  parameters: {
    layout: 'centered',
    docs: {
      page: () => (
        <DocsTemplate
          description={
            <span>
              The <code>PatternLogo</code> component displays Pattern's piagonal
              logo.
            </span>
          }
        />
      ),
    },
  },
}

export default meta

type Story = StoryObj<typeof PatternLogo>

const Template: Story = {
  render: (args) => <PatternLogo {...args} />,
}
export const Pattern: Story = {
  ...Template,
  args: {
    logoSize: '40px',
  },
}

export const PatternPlus: Story = {
  ...Template,
  args: {
    logoSize: '40px',
    logoType: 'patternPlus',
  },
}
