geoiq-frontend-ui-kit/dist/index.es89.js

This project is a UI kit for GeoIQ's frontend. It's built with React, TypeScript, and Vite.

import { SheetPrimary as c } from "./index.es38.js";
import t from "react";
const f = ({
  isOpen: s,
  onOpenChange: a,
  onSelectSticker: r,
  stickers: n
}) => /* @__PURE__ */ t.createElement(
  c,
  {
    open: s,
    onOpenChange: (e) => {
      a(e);
    },
    contentProps: { side: "bottom", className: "bg-white" },
    trigger: null,
    title: "Stickers",
    content: /* @__PURE__ */ t.createElement("div", { className: "p-4" }, /* @__PURE__ */ t.createElement("div", { className: "flex overflow-x-auto pb-2 space-x-3 snap-x snap-mandatory overscroll-x-contain" }, n.map((e, o) => /* @__PURE__ */ t.createElement(
      "div",
      {
        role: "button",
        key: o,
        className: "flex-shrink-0 w-24 h-24 flex items-center justify-center p-2 border rounded-lg cursor-pointer hover:bg-gray-50 snap-start",
        tabIndex: 0,
        onClick: () => {
          r(e), a(!1);
        },
        onKeyDown: (l) => {
          (l.key === "Enter" || l.key === " ") && (r(e), a(!1));
        }
      },
      /* @__PURE__ */ t.createElement(
        "img",
        {
          src: e,
          alt: `Sticker ${o + 1}`,
          className: "object-contain w-full h-auto max-h-24",
          loading: "lazy"
        }
      )
    ))))
  }
);
export {
  f as default
};
//# sourceMappingURL=index.es89.js.map