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
JavaScript
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