import { html } from 'lit';
import './index';
export default {
    title: 'Forms/Checkbox',
    render: () => {
        return html `
      <w-checkbox name="foobar" value="foo">Check me</w-checkbox>
    `;
    },
};
export const Default = {};
export const Invalid = {
    render: () => html `<w-checkbox name="invalidfoo" value="bar" invalid>Invalid checkbox</w-checkbox>`,
};
export const Disabled = {
    render: () => html `<w-checkbox name="disabledfoo" value="bar" disabled>Disabled checkbox</w-checkbox>`,
};
export const BunchOfCheckboxes = {
    render: () => html `
    <w-checkbox-group>
      <w-checkbox name="group" value="foo">Foo</w-checkbox>
      <w-checkbox name="group" value="bar">Bar</w-checkbox>
    </w-checkbox-group>
  `,
};
