geoiq-frontend-ui-kit
Version:
This project is a UI kit for GeoIQ's frontend. It's built with React, TypeScript, and Vite.
32 lines (31 loc) • 1.55 kB
JavaScript
import e from "react";
import { ToastProvider as s, ToastPrimitive as c, ToastIcon as p, ToastTitle as E, ToastDescription as T, ToastAction as u, ToastClose as d, ToastViewport as f } from "./index.es32.js";
import { useToast as g } from "./index.es73.js";
import { Typography as o } from "./index.es17.js";
import { Button as v } from "./index.es7.js";
function b() {
const { toasts: m } = g();
return /* @__PURE__ */ e.createElement(s, null, m.map(function({
id: n,
title: a,
description: l,
action: t,
icon: r,
...i
}) {
return /* @__PURE__ */ e.createElement(c, { key: n, ...i }, /* @__PURE__ */ e.createElement("div", { className: "grid grid-flow-col gap-2" }, r && /* @__PURE__ */ e.createElement(p, { icon: r }), /* @__PURE__ */ e.createElement("div", { className: "grid gap-1" }, a && /* @__PURE__ */ e.createElement(E, null, /* @__PURE__ */ e.createElement(o, { variant: "body3", className: "text-light-2" }, a)), l && /* @__PURE__ */ e.createElement(T, null, /* @__PURE__ */ e.createElement(o, { variant: "body4", className: "text-light-4" }, l)), /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement(
u,
{
altText: t?.altText ?? "",
onClick: t?.method,
className: "p-0 m-0"
},
/* @__PURE__ */ e.createElement(v, { variant: "link-primary" }, t?.title)
)))), /* @__PURE__ */ e.createElement(d, null));
}), /* @__PURE__ */ e.createElement(f, null));
}
export {
b as Toast,
g as useToast
};
//# sourceMappingURL=index.es31.js.map