import type { Meta, StoryObj } from 'storybook-react-rsbuild';
import { Slider } from '../components/ui';

const meta = {
  title: 'Inputs/Slider',
  component: Slider,
  parameters: {
    docs: {
      description: {
        component:
          'Radix Slider in the carved-track skin. All Radix Slider props pass through (`defaultValue`, `min`, `max`, `step`, `onValueChange`).',
      },
    },
  },
  decorators: [(Story) => <div style={{ width: 280 }}><Story /></div>],
} satisfies Meta<typeof Slider>;

export default meta;
type Story = StoryObj<typeof meta>;

export const Playground: Story = { args: { defaultValue: [60], max: 100, step: 1 } };

export const Stepped: Story = { args: { defaultValue: [40], max: 100, step: 10 } };