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

React components UvA

import { jsx as o, jsxs as t } from "react/jsx-runtime";
import { Icon as n } 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_18r2r_1", p = "_icon__item_18r2r_13", i = {
  icon__wrapper: s,
  icon__item: p
}, a = Object.keys(r), m = "<Icon name={iconName} size={size} />", x = {
  title: "Atoms/Icon",
  component: n,
  argTypes: {
    name: {
      control: { type: "select" },
      options: a
    }
  },
  parameters: {
    inspectComponent: n,
    codeString: m
  }
}, _ = (e) => /* @__PURE__ */ o(n, { ...e }), l = _.bind({});
l.args = {
  name: "ArrowDownOnSquare",
  size: 32,
  title: "Optional Icon title"
};
const y = () => /* @__PURE__ */ o(
  "div",
  {
    style: {
      display: "grid",
      gridTemplateColumns: "repeat(4, 1fr)",
      gridGap: "1rem",
      padding: "1rem",
      maxWidth: "1024px"
    },
    children: Object.keys(r).map((e) => /* @__PURE__ */ t("div", { className: i.icon__wrapper, children: [
      /* @__PURE__ */ o(n, { name: e, size: 48 }),
      /* @__PURE__ */ t("div", { className: i.icon__item, children: [
        /* @__PURE__ */ o("span", { children: e }),
        /* @__PURE__ */ o(c, { text: `<Icon icon={${e}} />` })
      ] })
    ] }, e))
  }
);
export {
  l as IconExample,
  y as IconOverview,
  x as default
};
//# sourceMappingURL=Icon.stories.js.map