@mittwald/flow-react-components 0.1.0-alpha.26 → 0.1.0-alpha.27

package/dist/ColumnLayout.d.ts

@@ -0,0 +1,14 @@
+import { FC } from 'react';
+import { PropsWithChildren } from 'react';
+
+declare const ColumnLayout: FC<ColumnLayoutProps>;
+export { ColumnLayout }
+export default ColumnLayout;
+
+export declare interface ColumnLayoutProps extends PropsWithChildren {
+    s?: number[];
+    m?: number[];
+    l?: number[];
+}
+
+export { }

package/dist/ColumnLayout.js

@@ -0,0 +1,22 @@
+"use client"
+/* */
+import s from "react";
+const i = "flow--column-layout--column-layout-container", f = "flow--column-layout", e = {
+  columnLayoutContainer: i,
+  columnLayout: f
+}, l = (n) => {
+  if (n.length < 1)
+    throw new Error("Column layout array is empty");
+  return n.map((o) => `${o}fr`).join(" ");
+}, d = (n) => {
+  const { children: u, s: o, m: t, l: c } = n, a = o ? l(o) : void 0, m = t ? l(t) : o ? a : void 0, r = c ? l(c) : t || o ? m : void 0, y = {
+    "--column-layout--columns-s": a,
+    "--column-layout--columns-m": m,
+    "--column-layout--columns-l": r
+  };
+  return /* @__PURE__ */ s.createElement("div", { className: e.columnLayoutContainer, style: y }, /* @__PURE__ */ s.createElement("div", { className: e.columnLayout }, u));
+};
+export {
+  d as ColumnLayout,
+  d as default
+};