import type { Meta, StoryObj } from '@storybook/nextjs-vite'

import { Progress } from './index'

const meta: Meta<typeof Progress> = {
  title: 'Core Components/Progress',
  component: Progress,
  parameters: {
    backgrounds: { disable: true },
  },
  argTypes: {
    value: {
      control: { type: 'range', min: 0, max: 100, step: 1 },
      description: 'The current progress value (0-100)',
    },
    'aria-label': {
      control: 'text',
      description: 'Accessible label for the progress bar',
    },
  },
  args: {
    'aria-label': 'Loading progress',
  },
}

export default meta

type Story = StoryObj<typeof Progress>

export const Default: Story = {
  args: {
    value: 65,
  },
}

export const LowProgress: Story = {
  args: {
    value: 15,
  },
}

export const HighProgress: Story = {
  args: {
    value: 90,
  },
}

export const Complete: Story = {
  args: {
    value: 100,
  },
}

export const Empty: Story = {
  args: {
    value: 0,
  },
}