import { spread } from '@open-wc/lit-helpers';
import { getStorybookHelpers } from '@wc-toolkit/storybook-helpers';
import { html } from 'lit';
import { prespread } from '../../.storybook/utilities.js';
import './radio';
import './radio-group';
const { events: radioEvents, args: radioArgs, argTypes: radioArgTypes } = getStorybookHelpers('w-radio');
const { events, args, argTypes } = getStorybookHelpers('w-radio-group');
const meta = {
    title: 'Forms/Radio',
    render: (args) => {
        return html `
      <w-radio-group ${spread(prespread(args))}>
        <w-radio value="foo">foo</w-radio>
        <w-radio value="bar">bar</w-radio>
      </w-radio-group>
    `;
    },
};
export default meta;
export const Default = {
    args: {
        label: 'Group',
        name: 'foobar',
        value: 'foo',
    },
};
export const Disabled = {
    args: {
        label: 'Disabled',
        disabled: true,
    },
};
export const Required = {
    args: {},
    render() {
        return html `
      <form>
        <w-radio-group required>
          <w-radio value="foo">foo</w-radio>
          <w-radio value="bar">bar</w-radio>
        </w-radio-group>
        <button>click me</button>
      </form>
    `;
    },
};
export const DisabledGroup = {
    args: { disabled: true },
};
export const DisabledRadio = {
    args: {},
    render() {
        return html `
      <w-radio-group>
        <w-radio value="foo" disabled appearance="button">disabled</w-radio>
        <w-radio value="bar" appearance="clickable">not disabled</w-radio>
      </w-radio-group>
    `;
    },
};
