import { Meta, StoryObj } from '@storybook/nextjs-vite'
import { Menu } from './Menu'

const meta: Meta<typeof Menu> = {
  component: Menu,
}

type Story = StoryObj<typeof Menu>
export default meta

export const Default: Story = {
  args: {
    menu: {
      leftItems: [
        {
          text: 'Home',
          href: '/home',
          type: 'default',
          blockType: 'simple-item',

        },
      ],
      rightItems: [
        {
          text: 'Need help?',
          href: '/help',
          type: 'button',
          blockType: 'simple-item',
        },
        {
          text: 'Contact',
          href: '/contact',
          type: 'default',
          blockType: 'simple-item',
        }
      ]
    }
  },
}

export const WithMegaMenu: Story = {
  args: {
    menu: {
      leftItems: [
        {
          text: 'Home',
          href: '/home',
          type: 'default',
          blockType: 'simple-item',

        },
        {
          text: 'Products',
          blockType: 'mega-menu',
          groups: [
            {
              title: 'Catogory 1',
              items: [
                {
                  title: 'Product 1',
                  description: 'Some description',
                  href: '/products',
                }
              ]
            }
          ],
          quote: 'Some bible verse',
          source: 'John 12-1'
        }
      ],
      rightItems: [
        {
          text: 'Contact',
          href: '/contact',
          type: 'default',
          blockType: 'simple-item',
        }
      ]
    }
  },
}
