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

import { CodeSnippet } from './CodeSnippet';

const meta: Meta<typeof CodeSnippet> = {
  title: 'UI kit/CodeSnippet',
  component: CodeSnippet,
  tags: ['autodocs'],
};
export default meta;

type Story = StoryObj<typeof CodeSnippet>;

export const Default: Story = {
  args: {
    children: `<TextField\n  as="label"\n  hint="This is a hint for the text field."\n  label="Text:"\n  value="Text value"\n/>`,
  },
};

export const Url: Story = {
  args: {
    isUrl: true,
    children:
      'https://fenix.myshoptet.com/export/products.csv?patternId=36&partnerId=3&hash=0cdd73ea4224626c631226cd34f3b680ab670cea086e3232c99fa6432ae81f1f',
    copyValue:
      'https://fenix.myshoptet.com/export/products.csv?patternId=36&partnerId=3&hash=0cdd73ea4224626c631226cd34f3b680ab670cea086e3232c99fa6432ae81f1f',
  },
};

export const Collapsible: Story = {
  args: {
    maxLines: 6,
    children: `<div className="v2form">
  <MultiSelectField
    as="label"
    getGroupOptions={function VG(){}}
    getOptionLabel={function VG(){}}
    getOptionValue={function VG(){}}
    label="Label"
    options={[
      {
        label: 'Option 1',
        value: '1'
      },
      {
        label: 'Option 2',
        value: '2'
      },
    ]}
  />
</div>`,
  },
};