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