import type { Meta, StoryObj } from '@storybook/vue3'
import { USpinner } from '../components'
import { USpinnerProps } from '../components/USpinner/USpinner'
import { ExtractPropTypes } from 'vue'

const meta: Meta<typeof USpinner> = {
  title: 'Example/Spinner',
  component: USpinner,
  tags: ['autodocs'],
  argTypes: {
    //
  },
}

export default meta

type Story = StoryObj<typeof USpinner>

export const BaseDivider: Story = {
  render: (args: ExtractPropTypes<USpinnerProps>) => ({
    components: { USpinner },
    setup() {
      return { args }
    },
    template: `<USpinner v-bind="args"></USpinner>`,
  }),
  args: {} as USpinnerProps,
}