import { action } from "@storybook/addon-actions";
export default {
  title: 'Components/Search Bar',
  // tags: ['autodocs'],
  args: {
    disabled: false,
    isOpen: true,
  },
  argTypes: {
    ifxInput: {
      action: 'ifxInput',
      description: 'Custom event emitted on input\n\n(see below for Two Way Data Binding in different JS frameworks)',
    },
    ifxSearchBarIsOpen: {
      action: 'ifxInput',
      description: 'Custom event',
      table: {
        type: {
          summary: 'Framework integration',
          detail: 'React: onIfxInput={handleInput}\nVue:@ifxInput="handleInput"\nAngular:(ifxInput)="handleInput()"\nVanillaJs:.addEventListener("ifxInput", (event) => {//handle input});',
        },
      },
    },
  },
};
const DefaultTemplate = ({ isOpen, disabled }) => {
  const element = document.createElement('ifx-search-bar');
  element.setAttribute('is-open', isOpen);
  element.setAttribute('disabled', disabled);
  element.addEventListener('ifxInput', action('ifxInput'));
  return element;
};
export const Default = DefaultTemplate.bind({});
Default.args = {};
//# sourceMappingURL=search-bar.stories.js.map