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

React components UvA

import { jsxs as n, jsx as e, Fragment as t } from "react/jsx-runtime";
import { ExpandableInfoPanel as a } from "./ExpandableInfoPanel.js";
import { Repeater as o } from "../Repeater/Repeater.js";
const s = "<ExpandableInfoPanel triggerLabel={string} mainHeader={string or reactnode} collapseLabel={string} expandLabel={string} content={string or reactnode} />", m = {
  title: "Molecules/ExpandableInfoPanel",
  component: a,
  parameters: {
    inspectComponent: a,
    codeString: s
  }
}, i = (r) => /* @__PURE__ */ n(t, { children: [
  /* @__PURE__ */ e(a, { ...r }),
  /* @__PURE__ */ e("div", { style: { marginTop: "1rem" }, children: "De universiteit biedt een breed scala aan vakken aan, variërend van exacte wetenschappen tot geesteswetenschappen. Studenten kunnen kiezen uit uitdagende keuzevakken, minors en specialisaties die hun studie verrijken. Deze vaklaanbiedingen stimuleren interdisciplinair leren, persoonlijke ontwikkeling en academische verdieping, afgestemd op actuele maatschappelijke vraagstukken en de behoeften van de arbeidsmarkt." })
] }), l = i.bind({});
l.args = {
  triggerLabel: "Wat moet ik doen?",
  mainHeader: /* @__PURE__ */ e("h1", { children: "Basisgegevens" }),
  collapseLabel: "Sluit informatiepaneel",
  expandLabel: "Open informatiepaneel",
  content: /* @__PURE__ */ n(t, { children: [
    /* @__PURE__ */ e("h3", { style: { marginTop: "0" }, children: "Wat moet ik doen?" }),
    /* @__PURE__ */ e("span", { children: "Controleer de onderstaande basisgegevens. Klik daarna op ‘Start’ om te beginnen met het invoeren van de roosterwensen. Je kunt tussentijds opslaan en op een later moment verdergaan." }),
    /* @__PURE__ */ e("br", {}),
    /* @__PURE__ */ e("br", {}),
    /* @__PURE__ */ e("span", { children: "Kloppen de gegevens niet? Neem contact op met de opleidingscoördinator." })
  ] })
};
const d = i.bind({});
d.args = {
  triggerLabel: "Wat moet ik doen?",
  mainHeader: /* @__PURE__ */ e("h1", { children: "Basisgegevens" }),
  collapseLabel: "Sluit informatiepaneel",
  expandLabel: "Open informatiepaneel",
  content: /* @__PURE__ */ n(t, { children: [
    /* @__PURE__ */ e("h3", { style: { marginTop: "0" }, children: "Wat moet ik doen?" }),
    /* @__PURE__ */ e("span", { children: "Controleer de onderstaande basisgegevens. Klik daarna op ‘Start’ om te beginnen met het invoeren van de roosterwensen. Je kunt tussentijds opslaan en op een later moment verdergaan." }),
    /* @__PURE__ */ e("br", {}),
    /* @__PURE__ */ e("br", {}),
    /* @__PURE__ */ e("span", { children: "Kloppen de gegevens niet? Neem contact op met de opleidingscoördinator." })
  ] }),
  note: /* @__PURE__ */ n(o, { gap: "050", children: [
    /* @__PURE__ */ e("span", { style: { fontWeight: "700" }, children: "Let op" }),
    /* @__PURE__ */ e("span", { children: "hier kunt u een extra opmerking achterlaten om de inhoud van uw gewone paneel te versterken." })
  ] }),
  defaultOpen: !0
};
export {
  d as DefaultOpenWithNote,
  l as ExpandableInfoPanelExample,
  m as default
};
//# sourceMappingURL=ExpandableInfoPanel.stories.js.map