import type { Meta, StoryObj } from '@storybook/nextjs-vite';
import { SidebarNav } from './SidebarNav';

// SidebarNav is hidden lg:block — it renders only on desktop viewports.
// Use the viewport toolbar in Storybook to switch to a desktop size to see it.
const meta: Meta<typeof SidebarNav> = {
  title: 'Widgets/SidebarNav',
  component: SidebarNav,
  parameters: {
    layout: 'fullscreen',
    viewport: {
      defaultViewport: 'desktop',
    },
  },
};

export default meta;

type Story = StoryObj<typeof SidebarNav>;

export const Default: Story = {
  args: {
    items: [
      { id: 'bio', label: 'Bio', number: '01' },
      { id: 'work', label: 'Work', number: '02' },
      { id: 'contact', label: 'Contact', number: '03' },
    ],
  },
};