UNPKG

geoiq-frontend-ui-kit

Version:

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

49 lines (48 loc) 1.63 kB
import { Typography as l } from "./index.es17.js"; import { Sheet as S, SheetTrigger as d, SheetContent as g, SheetHeader as f, SheetTitle as y, SheetDescription as N, SheetFooter as v } from "./index.es39.js"; import { SheetClose as F } from "./index.es39.js"; import e from "react"; function w({ trigger: m, content: o, triggerProps: c, contentProps: n, title: r, footer: t, titleProps: h, description: a, descriptionProps: s, onOpenChange: i, open: b, onInteractOutside: p, bodyProps: E, container: u }) { return /* @__PURE__ */ e.createElement(S, { onOpenChange: i, open: b }, /* @__PURE__ */ e.createElement(d, { asChild: !0, ...c }, m), /* @__PURE__ */ e.createElement( g, { onInteractOutside: p, ...n, container: u }, r && /* @__PURE__ */ e.createElement(f, { className: "border-b border-neutral-1" }, /* @__PURE__ */ e.createElement(y, { ...h }, /* @__PURE__ */ e.createElement(l, { variant: "h3", className: "text-light-2" }, r))), /* @__PURE__ */ e.createElement( "div", { className: "p-3 overflow-y-auto", style: { height: t ? "calc(100vh - 8rem)" : "100%" }, ...E }, a && /* @__PURE__ */ e.createElement(N, { className: "pb-3", ...s }, /* @__PURE__ */ e.createElement(l, { variant: "body2", className: "text-light-4" }, a)), o ), t && /* @__PURE__ */ e.createElement(v, { className: "absolute bottom-0 flex items-center w-full p-3 border-t bg-light-2 border-neutral-1" }, t) )); } export { F as SheetClose, w as SheetPrimary }; //# sourceMappingURL=index.es38.js.map