zavadil-react-common 1.1.75 → 1.1.76

package/dist/component/Spread.d.ts

@@ -0,0 +1,6 @@
+import { PropsWithChildren } from "react";
+export type SpreadProps = {
+    center?: boolean;
+};
+export declare function Spread({ children, center }: PropsWithChildren<SpreadProps>): import("react/jsx-runtime").JSX.Element;
+export default Spread;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "zavadil-react-common",
-  "version": "1.1.75",
+  "version": "1.1.76",
   "description": "Common types for React Typescript UI apps.",
   "main": "dist/index.js",
   "module": "dist/index.esm.js",

package/src/component/Spread.tsx

@@ -0,0 +1,21 @@
+import {PropsWithChildren, useMemo} from "react";
+
+export type SpreadProps = {
+	center?: boolean;
+};
+
+export function Spread({children, center}: PropsWithChildren<SpreadProps>) {
+	const css = useMemo(
+		() => center === false ? '' : 'd-flex align-items-center justify-content-center',
+		[center]
+	);
+
+	return <div
+		className={`w-100 h-100 position-absolute ${css}`}
+		style={{left: 0, right: 0, top: 0, bottom: 0}}
+	>
+		{children}
+	</div>
+}
+
+export default Spread;