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

React components UvA

import { jsx as o, jsxs as n } from "react/jsx-runtime";
import { Icon as i } from "./Icon.js";
import { Icons as r } from "./icons/index.js";
import { ClipboardButton as c } from "../../storyComponents/ClipboardButton/ClipboardButton.js";
import '../../assets/Icon.css';const s = "_icon__wrapper_lse0u_1", p = "_icon__item_lse0u_13", t = {
  icon__wrapper: s,
  icon__item: p
}, a = "<Icon name={iconName} size={size} />", w = {
  title: "Atoms/Icon",
  component: i,
  parameters: {
    inspectComponent: i,
    codeString: a
  }
}, m = (e) => /* @__PURE__ */ o(i, { ...e }), _ = m.bind({});
_.args = {
  name: "ArrowDownOnSquare",
  size: 32,
  title: "Optional Icon title"
};
const x = () => /* @__PURE__ */ o(
  "div",
  {
    style: {
      display: "grid",
      gridTemplateColumns: "repeat(4, 1fr)",
      gridGap: "1rem",
      padding: "1rem",
      maxWidth: "1024px"
    },
    children: Object.keys(r).map((e) => /* @__PURE__ */ n("div", { className: t.icon__wrapper, children: [
      /* @__PURE__ */ o(i, { name: e, size: 48 }),
      /* @__PURE__ */ n("div", { className: t.icon__item, children: [
        /* @__PURE__ */ o("span", { children: e }),
        /* @__PURE__ */ o(c, { text: `<Icon icon={${e}} />` })
      ] })
    ] }, e))
  }
);
export {
  _ as IconExample,
  x as IconOverview,
  w as default
};
//# sourceMappingURL=Icon.stories.js.map