import { action } from "@storybook/addon-actions";
export default {
  title: "Components/Chip",
  tags: ['autodocs'],
  args: {
    placeholder: 'Placeholder',
  },
  argTypes: {
    ifxDropdownMenu: {
      action: 'ifxDropdownMenu',
      description: 'Custom event emitted when menu item selected',
      table: {
        type: {
          summary: 'Framework integration',
          detail: 'React: onIfxDropdownMenu={handleChange}\nVue:@ifxDropdownMenu="handleChange"\nAngular:(ifxDropdownMenu)="handleChange()"\nVanillaJs:.addEventListener("ifxDropdownMenu", (event) => {//handle change});',
        },
      },
    }
  },
};
const DefaultTemplate = (args) => {
  const wrapper = document.createElement('div');
  wrapper.innerHTML = `<ifx-chip placeholder="${args.placeholder}">
  <ifx-dropdown-menu size="m" slot="menu">
  <ifx-dropdown-item icon="" target="_self" href="">Menu Item 1</ifx-dropdown-item>
  <ifx-dropdown-item icon="" target="_self" href="">Menu Item 2</ifx-dropdown-item>
  <ifx-dropdown-item icon="" target="_self" href="">Menu Item 3</ifx-dropdown-item>
  <ifx-dropdown-item icon="" target="_self" href="">Menu Item 4</ifx-dropdown-item>
  <ifx-dropdown-item icon="" target="_self" href="">Menu Item 5</ifx-dropdown-item>
</ifx-dropdown-menu>
</ifx-chip>`;
  const chip = wrapper.querySelector('ifx-chip');
  const dropdownMenu = chip.querySelector('ifx-dropdown-menu');
  dropdownMenu.addEventListener('ifxDropdownMenuItem', action('ifxDropdownMenuItem'));
  return wrapper;
};
export const Default = DefaultTemplate.bind({});
//# sourceMappingURL=chip.stories.js.map