geoiq-frontend-ui-kit/dist/index146.es.js

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

import t from "react";
import { LayersList as l } from "./index167.es.js";
import { PanelAdjust as o } from "./index168.es.js";
import { PanelCrop as s } from "./index169.es.js";
import { PanelInsert as m } from "./index170.es.js";
import { PanelSelected as c } from "./index171.es.js";
const d = {
  select: {
    title: "Adjust & layers",
    sub: "Adjust the photo, or click a layer"
  },
  crop: { title: "Crop", sub: "Trim to a region" },
  text: { title: "Add text", sub: "Click on the image to place" },
  draw: { title: "Draw", sub: "Freehand — becomes a layer" },
  shape: { title: "Shape", sub: "Drag to draw — becomes a layer" },
  sticker: { title: "Stickers", sub: "Click a sticker to drop it in" }
};
function f({ ui: e, engine: a }) {
  const r = d[e.mode];
  return /* @__PURE__ */ t.createElement("aside", { className: "image-editor-panel shrink-0 touch-pan-y overflow-y-auto overscroll-y-contain bg-light-3 p-4" }, /* @__PURE__ */ t.createElement("h3", { className: "mb-1 text-base font-semibold" }, r.title), /* @__PURE__ */ t.createElement("p", { className: "mb-3.5 text-xs text-light-4" }, r.sub), e.mode === "select" && e.selected == null && /* @__PURE__ */ t.createElement(o, { adjustments: e.adjustments, engine: a }), e.mode === "select" && e.selected != null && /* @__PURE__ */ t.createElement(c, { selected: e.selected, engine: a }), e.mode === "crop" && /* @__PURE__ */ t.createElement(s, { ui: e, engine: a }), (e.mode === "text" || e.mode === "draw" || e.mode === "shape" || e.mode === "sticker") && /* @__PURE__ */ t.createElement(m, { ui: e, engine: a }), e.hasImage && /* @__PURE__ */ t.createElement(l, { ui: e, engine: a }));
}
export {
  f as Panel
};
//# sourceMappingURL=index146.es.js.map