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

React components UvA

import { jsx as n } from "react/jsx-runtime";
import { useState as l } from "react";
import { OverlayStepBar as t } from "./OverlayStepBar.js";
const p = "<OverlayStepBar stepLabels={[string]} activeStep={number} disabledCountPrefix={[numbers]} onStepClick={(step) => void}/>", b = {
  title: "Molecules/OverlayStepBar",
  component: t,
  argTypes: {
    activeStep: { control: "number" },
    stepLabels: { control: "object" },
    disabledCountPrefix: {
      table: {
        disable: !0
      }
    },
    onStepClick: { action: "stepClicked" }
  },
  parameters: {
    inspectComponent: t,
    codeString: p
  }
}, a = (e) => {
  const [s, o] = l(e.activeStep || 1);
  return /* @__PURE__ */ n(
    t,
    {
      ...e,
      activeStep: s,
      onStepClick: (r) => {
        o(r), e.onStepClick?.(r);
      }
    }
  );
}, i = {
  stepLabels: ["Basic Details", "Lecturers", "Period Planning", "Assessment", "Miscellaneous", "Overview"]
}, c = a.bind({});
c.args = {
  ...i,
  activeStep: 2
};
const S = a.bind({});
S.args = {
  ...i,
  // eslint-disable-next-line @typescript-eslint/no-magic-numbers
  disabledCountPrefix: [1, 6],
  activeStep: 2
};
export {
  c as OverlayStepBarExample,
  S as OverlayStepBarHidePrifix,
  b as default
};
//# sourceMappingURL=OverlayStepBar.stories.js.map