import type { Meta, StoryObj } from '@storybook/svelte';
import Radio from './Radio.svelte';

const meta = {
  title: 'UI/Radio',
  component: Radio,
  tags: ['autodocs'],
  parameters: {
    docs: {
      description: {
        component: 'Radio-Button für Gruppen. `bind:group` vom Parent hält den value des gewählten Radios. Gleicher `name` für alle in einer Gruppe.',
      },
    },
  },
  argTypes: {
    group: { control: 'text', description: 'Wert der ausgewählten Option (value des gewählten Radios)' },
  },
} satisfies Meta<Radio>;

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

export const Unselected: Story = {
  args: {
    name: 'choice',
    value: 'a',
    label: 'Option A',
    group: '',
  },
};

export const Selected: Story = {
  args: {
    name: 'choice',
    value: 'b',
    label: 'Option B',
    group: 'b',
  },
};

export const Disabled: Story = {
  args: {
    name: 'choice',
    value: 'c',
    label: 'Option C (deaktiviert)',
    group: '',
    disabled: true,
  },
};
