import { Meta, StoryObj } from '@storybook/react-webpack5';
import { createSandboxStory } from '../../.storybook/components/sandbox/SandboxEditor';

import Progress from './Progress';

export default {
  component: Progress,
  title: 'Other/Progress',
} satisfies Meta<typeof Progress>;

type Story = StoryObj<typeof Progress>;

export const Sandbox = createSandboxStory({
  code: `<Progress progress={{ value: 50, max: 100 }} />`,
  scope: { Progress },
});

export const Basic: Story = {
  args: {
    progress: { value: 50, max: 100 },
  },
};
