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

import { ILoader } from './Loader.interface'
import Loader from './Loader.component'
import React from 'react'

// More on default export: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
export default {
  title: 'Components/Loader',
  component: Loader,
  tags: ['autodocs'],
  // More on argTypes: https://storybook.js.org/docs/react/api/argtypes
  argTypes: {}
} as Meta

export const Light: StoryObj<ILoader> = {
  render: args => <Loader {...args}></Loader>,
  args: {
    variant: 'light',
    label: 'Loading...'
  }
}
export const Dark: StoryObj<ILoader> = {
  render: args => (
    <div className="bg-primary70 color-white p-8">
      <Loader {...args}></Loader>
    </div>
  ),
  args: {
    variant: 'dark',
    label: 'Loading...'
  }
}