import { html } from 'lit-html';
import { ifDefined } from 'lit-html/directives/if-defined';
export const meta = {
  argTypes: {
    disabled: { table: { disable: true } },
    select: { table: { disable: true } },
    value: { table: { disable: true } },
  },
  args: {
    disabled: false,
    selected: false,
    value: 'option-value',
  },
  decorators: [
    (story, { args: { tooltip } }) => html `
        <style type="text/css">
          #root,
          .docs-story {
            padding-top: ${tooltip ? '2rem' : ''};
        </style>
        ${story()}
      `,
  ],
  parameters: {
    controls: {
      hideNoControlsWarning: true,
      sort: 'requiredFirst',
    },
  },
  title: 'Components/Select option/',
};
export const story = ({ disabled, selected, value }) => html `
  <abds-select name="Select name">
    <abds-select-option value="one">First option</abds-select-option>
    <abds-select-option
      disabled="${ifDefined(disabled || undefined)}"
      selected="${ifDefined(selected || undefined)}"
      value="${ifDefined(value) || undefined}"
    >
      Second option
    </abds-select-option>
  </abds-select>
`;
export default { meta, story };
//# sourceMappingURL=template.js.map