import 'react-material-symbols/rounded'

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

import { Spinner } from './Spinner'

const meta: Meta<typeof Spinner> = {
  title: 'Components/Spinner',
  component: Spinner,
  argTypes: {
    type: {
      control: 'text',
    },
    size: {
      control: 'number',
    },
  },
}

export default meta

type Story = StoryObj<typeof Spinner>

export const Dark: Story = {
  args: {
    type: 'Dark',
    size: 40,
  },
}

export const White: Story = {
  args: {
    type: 'White',
    size: 40,
  },
  parameters: {
    backgrounds: {
      default: 'Scandic Primary Dark',
    },
  },
}