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

React components UvA

import { jsx as r, jsxs as e } from "react/jsx-runtime";
import { fn as a } from "../../index-DXR-TB1d.js";
import { ProgrammeCard as o } from "./ProgrammeCard.js";
import { Container as n } from "../../storyComponents/Container/Container.js";
import "react";
import { Icon as m } from "../Icon/Icon.js";
import "../Buttons/Button.js";
import "../Buttons/LinkButton.js";
import "@react-aria/button";
import "../Checkbox/Checkbox.js";
import "@react-aria/dialog";
import "@react-aria/focus";
import "@react-aria/overlays";
import "../OverlayCloseButton/OverlayCloseButton.js";
import { Repeater as i } from "../Repeater/Repeater.js";
import "../GridRow/GridRow.js";
import "../IconButton/IconButton.js";
import "../Input/Input.js";
import "../InputField/InputField.js";
import "react-router";
import "../../TablePlugin-MjKuocl4.js";
import "../RteEditor/Providers/LanguageProvider.js";
import "../RteEditor/Plugins/LinkPlugin/LinkContextMenu/LinkContextMenu.js";
import "../RteEditor/hooks/components/Flyout.js";
import "../../index-B3c5pcHk.js";
import "../SelectListbox/SelectListbox.js";
import "../SelectListbox/SelectProvider.js";
import "../Sortable/components/SortableItem.js";
import "../../SortableProvider-Ck_XnBVq.js";
const p = "<ProgrammeCard key={key} header={header} details={details} onClick={onClickFunction} />", K = {
  title: "Atoms/ProgrammeCard",
  component: o,
  parameters: {
    inspectComponent: o,
    codeString: p
  }
}, s = (t) => /* @__PURE__ */ r(n, { size: "large", children: /* @__PURE__ */ r(o, { ...t }) }), l = s.bind({});
l.args = {
  header: "This is my header",
  details: "This is my details",
  onClick: a()
};
const d = s.bind({});
d.args = {
  header: /* @__PURE__ */ e(i, { flexDirection: "row", gap: "150", children: [
    /* @__PURE__ */ r(m, { name: "Envelope", size: 32 }),
    /* @__PURE__ */ r("h2", { style: { margin: 0 }, children: "This is my header" })
  ] }),
  details: /* @__PURE__ */ e(i, { flexDirection: "row", gap: "150", children: [
    /* @__PURE__ */ e(i, { flexDirection: "row", children: [
      /* @__PURE__ */ r(m, { name: "FaceFrown" }),
      "Details 1"
    ] }),
    /* @__PURE__ */ e(i, { flexDirection: "row", children: [
      /* @__PURE__ */ r(m, { name: "Heart" }),
      "Details 2"
    ] }),
    /* @__PURE__ */ e(i, { flexDirection: "row", children: [
      /* @__PURE__ */ r(m, { name: "Sparkles" }),
      "Details 3"
    ] })
  ] }),
  onClick: a()
};
const c = (t) => /* @__PURE__ */ r(n, { size: "large", children: /* @__PURE__ */ e(i, { children: [
  /* @__PURE__ */ r(o, { ...t }),
  /* @__PURE__ */ r(o, { ...t }),
  /* @__PURE__ */ r(o, { ...t })
] }) }), h = c.bind({});
h.args = {
  header: "This is my header",
  details: "This is my details",
  onClick: a()
};
export {
  h as MultiProgrammeCards,
  l as ProgrammeCardExample,
  d as WithComplexContent,
  K as default
};
//# sourceMappingURL=ProgrammeCard.stories.js.map