import { html } from 'lit-html';
import { ifDefined } from 'lit-html/directives/if-defined';
export const story = ({ checked, disabled, error, indeterminate, required, tooltip } = {}) => html `
  <abds-checkbox
    checked="${ifDefined(checked || undefined)}"
    disabled="${ifDefined(disabled || undefined)}"
    error="${ifDefined(error || undefined)}"
    indeterminate="${ifDefined(indeterminate || undefined)}"
    name="checkboxName"
    required="${ifDefined(required || undefined)}"
    tooltip="${ifDefined(tooltip || undefined)}"
    value="checkboxValue"
  >
    Checkbox label
  </abds-checkbox>
`;
export const meta = {
  argTypes: {
    checked: { table: { disable: true } },
    disabled: { table: { disable: true } },
    error: { table: { disable: true } },
    indeterminate: { table: { disable: true } },
    required: { table: { disable: true } },
    tooltip: { table: { disable: true } },
  },
  decorators: [
    (story) => html `
        <style type="text/css">
          #root,
          .docs-story {
            padding-top: 2rem;
          }
        </style>
        ${story()}
      `,
  ],
  title: 'Components/Checkbox/',
};
export default { meta, story };
//# sourceMappingURL=template.js.map