import { Meta, StoryObj } from '@storybook/angular';
import { withContrastedVariant } from '../../../.storybook/utils/with-contrasted-variant.decorator';
import { SpinnerComponent } from '../../public-api';

const meta: Meta<SpinnerComponent> = {
  title: 'Components/Spinner',
  id: 'spinner',
  component: SpinnerComponent,
  decorators: [
    withContrastedVariant({
      stateByProps: (props) => {
        return props['variant'] === 'inverse' ? 'inverse' : null;
      }
    })
  ],
  parameters: {
    docs: {
      imports: [SpinnerComponent]
    }
  }
};

export default meta;

type Story = StoryObj<SpinnerComponent>;

export const Spinner: Story = {
  args: {
    variant: 'normal',
    size: 'md',
    isLoading: true
  }
};