import type { Meta, StoryObj } from '@storybook/react';
import { ShowcaseContent } from './ShowcaseContent';
import { MemoryRouter } from 'react-router-dom';
import { LayoutProvider } from '../../../contexts/LayoutContext';
import React from 'react';

const meta: Meta<typeof ShowcaseContent> = {
  title: 'Pages/ShowcaseContent',
  component: ShowcaseContent,
  decorators: [
    Story => (
      <MemoryRouter initialEntries={['/showcase']}>
        <LayoutProvider>
          <Story />
        </LayoutProvider>
      </MemoryRouter>
    ),
  ],
  parameters: {
    layout: 'fullscreen',
    docs: {
      description: {
        component:
          'Living brand-system showcase focused on the `xertica` (IDXERTICA-compliant) theme: typography scale, color palette, isotypes/logo, buttons, forms, cards, and a compact tour of the remaining primitives.',
      },
    },
  },
};

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

export const Default: Story = {
  args: {},
};

export const XerticaThemeDefault: Story = {
  args: {
    defaultThemeId: 'xertica',
  },
};