geoiq-frontend-ui-kit
Version:
This project is a UI kit for GeoIQ's frontend. It's built with React, TypeScript, and Vite.
50 lines (49 loc) • 1.66 kB
JavaScript
import { Typography as l } from "./index19.es.js";
import { Sheet as d, SheetTrigger as g, SheetContent as f, SheetHeader as y, SheetTitle as N, SheetDescription as v, SheetFooter as x } from "./index43.es.js";
import { SheetClose as H } from "./index43.es.js";
import e from "react";
function _({
trigger: m,
content: o,
triggerProps: c,
contentProps: n,
title: r,
footer: t,
titleProps: h,
description: a,
descriptionProps: s,
onOpenChange: i,
open: b,
modal: p,
onInteractOutside: E,
bodyProps: u,
container: S
}) {
return /* @__PURE__ */ e.createElement(d, { onOpenChange: i, open: b, modal: p }, /* @__PURE__ */ e.createElement(g, { asChild: !0, ...c }, m), /* @__PURE__ */ e.createElement(
f,
{
onInteractOutside: E,
...n,
container: S
},
r && /* @__PURE__ */ e.createElement(y, { className: "border-b border-neutral-1" }, /* @__PURE__ */ e.createElement(N, { ...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%"
},
...u
},
a && /* @__PURE__ */ e.createElement(v, { className: "pb-3", ...s }, /* @__PURE__ */ e.createElement(l, { variant: "body2", className: "text-light-4" }, a)),
o
),
t && /* @__PURE__ */ e.createElement(x, { className: "absolute bottom-0 flex items-center w-full p-3 border-t bg-light-2 border-neutral-1" }, t)
));
}
export {
H as SheetClose,
_ as SheetPrimary
};
//# sourceMappingURL=index42.es.js.map