@uva-glass/component-library/dist/components/Buttons/MenuButton.stories.js

React components UvA

import { jsx as n, jsxs as s, Fragment as l } from "react/jsx-runtime";
import { fn as c } from "../../index-DXR-TB1d.js";
import { MenuButton as t } from "./MenuButton.js";
const d = `
// Has all LabelHTMLAttributes props available except "className" and "style" 
 <MenuButton variant={variant} onClick={onClickFunction} onKeyDown={onKeyDown} onKeyUp={onKeyUp} buttonRef={buttonRef}>{children}</MenuButton>
`, b = {
  title: "Atoms/Buttons/MenuButton",
  component: t,
  argTypes: {
    variant: {
      options: ["primary", "secondary", "destructive-primary", "destructive-secondary", "blank", "blank-icon"],
      control: { type: "radio" }
    }
  },
  parameters: {
    inspectComponent: t,
    codeString: d
  }
}, r = (a) => /* @__PURE__ */ n(t, { ...a }), o = {
  variant: "primary",
  onClick: c()
}, p = r.bind({});
p.args = {
  children: "Click me!",
  ...o
};
const e = r.bind({});
e.args = {
  ...o,
  iconName: "EllipsisVertical"
};
e.argTypes = {
  ...e.argTypes,
  children: {
    table: {
      disable: !0
      // Disable children controls for this specific story
    }
  }
};
const i = r.bind({});
i.args = {
  ...o,
  children: /* @__PURE__ */ s(l, { children: [
    /* @__PURE__ */ n("div", { children: "Child 1" }),
    /* @__PURE__ */ n("div", { children: "Child 2" })
  ] })
};
i.argTypes = {
  ...i.argTypes,
  children: {
    table: {
      disable: !0
      // Disable children controls for this specific story
    }
  }
};
export {
  p as MenuButtonExample,
  e as WithIconChildren,
  i as WithMultipleChildren,
  b as default
};
//# sourceMappingURL=MenuButton.stories.js.map