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

React components UvA

import { jsxs as r, jsx as a } from "react/jsx-runtime";
import { c } from "../../clsx-OuTLNxxd.js";
import { useState as l, useEffect as _ } from "react";
import { Icon as s } from "../Icon/Icon.js";
import { Repeater as f } from "../Repeater/Repeater.js";
import '../../assets/FeedbackBar.css';const e = {
  "feedback-bar": "_feedback-bar_aoc1x_1",
  "feedback-bar--visible": "_feedback-bar--visible_aoc1x_15",
  "feedback-bar__icon": "_feedback-bar__icon_aoc1x_21",
  "feedback-bar__close-button": "_feedback-bar__close-button_aoc1x_25"
}, x = ({ children: b }) => {
  const [t, o] = l(!1);
  _(() => {
    o(!0);
  }, []);
  const i = () => {
    o(!1);
  };
  return /* @__PURE__ */ r("div", { className: c(e["feedback-bar"], { [e["feedback-bar--visible"]]: t }), role: "alert", children: [
    /* @__PURE__ */ r(f, { flexDirection: "row", children: [
      /* @__PURE__ */ a(s, { className: c(e["feedback-bar__icon"]), name: "CheckCircle" }),
      b
    ] }),
    /* @__PURE__ */ a("button", { className: c(e["feedback-bar__close-button"]), type: "button", onClick: i, children: /* @__PURE__ */ a(s, { name: "Cross", size: 24 }) })
  ] });
};
export {
  x as FeedbackBar
};
//# sourceMappingURL=FeedbackBar.js.map