reactioning/dist/reactions-container.js

Just a simple library to show beautiful reactions in your app.

import { jsxs as a, jsx as r } from "react/jsx-runtime";
import { HearthReaction as s } from "./reactions/hearth/hearth-reaction.js";
import { RocketReaction as h } from "./reactions/rocket/rocket-reaction.js";
import { ThumbDownReaction as p } from "./reactions/thumb-down/thumb-down-reaction.js";
import { ThumbUpReaction as u } from "./reactions/thumb-up/thumb-up-reaction.js";
import './assets/reactions-container.css';const b = "_root_ls98p_1", R = {
  root: b
}, D = ({
  values: m,
  onClick: t
}) => {
  const { thumbUp: e, hearth: n, thumbDown: c, rocket: i } = m;
  return /* @__PURE__ */ a("div", { className: R.root, children: [
    e && /* @__PURE__ */ r(u, { reaction: e, onClick: (o) => t(o, "thumbUp") }),
    n && /* @__PURE__ */ r(s, { reaction: n, onClick: (o) => t(o, "hearth") }),
    c && /* @__PURE__ */ r(
      p,
      {
        reaction: c,
        onClick: (o) => t(o, "thumbDown")
      }
    ),
    i && /* @__PURE__ */ r(h, { reaction: i, onClick: (o) => t(o, "rocket") })
  ] });
};
export {
  D as ReactionsContainer
};