import { Meta, Props, Story, Preview } from '@storybook/addon-docs/blocks';
import { action } from "@storybook/addon-actions";
import { select } from '@storybook/addon-knobs';
import ChecInlineCode from '../../components/ChecInlineCode.vue';

<Meta title="Components" component={ChecInlineCode} />

# Default

<Props of={ChecInlineCode} />

<Preview>
  <Story name="Inline code">
    {{
      components: {
        ChecInlineCode,
      },
      props: {
        variant: {
          default: select('Variant', ['light', 'dark'], 'light'),
        },
      },
      template: `
        <div class="p-16 flex flex-col justify-between items-center w-full space-y-4">
          <ChecInlineCode :variant="variant">
            This is an example code
          </ChecInlineCode>
        </div>`
    }}
  </Story>
</Preview>