import type { Meta, StoryFn } from '@storybook/react'
import React from 'react'

import { LoadingState } from './LoadingState'

type ComponentProps = React.ComponentProps<typeof LoadingState>

const meta: Meta<ComponentProps> = {
  title: 'States/LoadingState',
  component: LoadingState,
  parameters: {
    layout: 'fullscreen',
    chromatic: { disableSnapshot: true },
  },
}

export default meta

const Template: StoryFn<ComponentProps> = () => {
  return (
    <div className="h-screen w-full bg-white">
      <LoadingState />
    </div>
  )
}

export const Default: StoryFn<ComponentProps> = Template.bind({})
