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

React components UvA

import { jsxs as a, jsx as e } from "react/jsx-runtime";
import { useState as c } from "react";
import { FeedbackBar as r } from "./FeedbackBar.js";
import { Button as o } from "../Buttons/Button.js";
import "../Buttons/LinkButton.js";
import "@react-aria/button";
import { Repeater as s } from "../Repeater/Repeater.js";
import { ButtonGroup as m } from "../ButtonGroup/ButtonGroup.js";
const p = "<FeedbackBar>{children}</FeedbackBar>", C = {
  title: "Molecules/FeedbackBar",
  component: r,
  parameters: {
    inspectComponent: r,
    codeString: p
  }
}, l = (i) => {
  const [n, t] = c(!1);
  return /* @__PURE__ */ a(s, { children: [
    /* @__PURE__ */ a(m, { children: [
      /* @__PURE__ */ e(o, { variant: "primary", onClick: () => t(!0), children: "Click to open FeedbackBar" }),
      /* @__PURE__ */ e(o, { variant: "primary", onClick: () => t(!1), children: "Click to reset animation for FeedbackBar" })
    ] }),
    n && /* @__PURE__ */ e(r, { ...i })
  ] });
}, d = l.bind({});
d.args = {
  children: "This is example feedback"
};
export {
  d as FeedbackBarExample,
  C as default
};
//# sourceMappingURL=FeedbackBar.stories.js.map