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

React components UvA

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