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

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

import e from "react";
import { X as o } from "lucide-react";
import { Button as r } from "./index.es9.js";
import { _Dialog as c } from "./index.es40.js";
import { Textarea as s } from "./index.es16.js";
import { Typography as p } from "./index.es19.js";
const x = ({
  open: m,
  noteValue: a,
  onNoteChange: i,
  onClose: t,
  onSave: l
}) => /* @__PURE__ */ e.createElement(
  c,
  {
    trigger: null,
    contentClassName: "h-fit w-fit",
    open: m,
    onInteractOutside: t,
    body: /* @__PURE__ */ e.createElement("div", { className: "p-4" }, /* @__PURE__ */ e.createElement(
      p,
      {
        variant: "h3",
        className: "mb-2 flex items-center justify-between text-light-2"
      },
      "Add notes",
      /* @__PURE__ */ e.createElement(
        o,
        {
          size: 16,
          className: "cursor-pointer justify-end text-light-1",
          onClick: t
        }
      )
    ), /* @__PURE__ */ e.createElement(
      s,
      {
        value: a,
        placeholder: "Add notes",
        onChange: (n) => i(n.target.value),
        className: "h-[200px] w-[400px]"
      }
    ), /* @__PURE__ */ e.createElement("div", { className: "mt-4 flex gap-2" }, /* @__PURE__ */ e.createElement(
      r,
      {
        size: "sm",
        variant: "primary",
        onClick: l,
        disabled: !a.trim()
      },
      "Save"
    ), /* @__PURE__ */ e.createElement(r, { size: "sm", variant: "secondary", onClick: t }, "Cancel")))
  }
);
export {
  x as DialogNote
};
//# sourceMappingURL=index.es125.js.map