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

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

import e from "react";
import { SingleSelect as l } from "./index29.es.js";
import { CROP_RATIOS as o } from "./index150.es.js";
import { useImageEditorPortalContainer as n } from "./index145.es.js";
function s({ ui: r, engine: t }) {
  const a = n();
  return /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement("p", { className: "mb-3.5 text-xs leading-relaxed text-light-4" }, "Drag a box on the image, then apply."), /* @__PURE__ */ e.createElement("span", { className: "mb-1 block text-xs text-light-4" }, "Aspect ratio"), /* @__PURE__ */ e.createElement(
    l,
    {
      items: o,
      value: r.cropRatio,
      onValueChange: t.setCropRatio,
      container: a
    }
  ), /* @__PURE__ */ e.createElement("div", { className: "my-3.5 h-px bg-neutral-1" }), /* @__PURE__ */ e.createElement(
    "button",
    {
      type: "button",
      onClick: t.applyCrop,
      className: "mb-2 w-full rounded-lg bg-rest-p1 py-2.5 text-sm text-white hover:bg-hover-p1"
    },
    "Apply crop"
  ), /* @__PURE__ */ e.createElement(
    "button",
    {
      type: "button",
      onClick: t.cancelCrop,
      className: "w-full rounded-lg border border-neutral-1 bg-white py-2.5 text-sm hover:bg-light-3"
    },
    "Cancel"
  ));
}
export {
  s as PanelCrop
};
//# sourceMappingURL=index169.es.js.map