@nizivo/react 0.0.0-stage → 0.2.0

package/dist/sticky-bar/sticky-bar.js

@@ -0,0 +1,26 @@
+import { cx } from "../_internal/cx.js";
+import { renderElement } from "../contracts/render.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+//#region src/sticky-bar/sticky-bar.tsx
+/**
+* A bar that sticks to the bottom of the viewport while its section scrolls: the last child of the
+* page's content, or of the region it acts on.
+*/
+function StickyBar({ summary, render, className, children, ...rest }) {
+	return renderElement("div", render, {}, {
+		"data-slot": "sticky-bar",
+		...rest,
+		className: cx("nz-sticky-bar", className),
+		children: /* @__PURE__ */ jsxs(Fragment, { children: [summary != null && /* @__PURE__ */ jsx("div", {
+			className: "nz-sticky-bar-summary",
+			"data-slot": "sticky-bar-summary",
+			children: summary
+		}), /* @__PURE__ */ jsx("div", {
+			className: "nz-sticky-bar-actions",
+			"data-slot": "sticky-bar-actions",
+			children
+		})] })
+	});
+}
+//#endregion
+export { StickyBar };