init commit

remotion/node_modules/@remotion/studio/dist/components/layout.js

@@ -0,0 +1,48 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Column = exports.Row = exports.Flex = exports.Spacing = exports.SPACING_UNIT = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+exports.SPACING_UNIT = 8;
+const Spacing = ({ x = 0, y = 0, block = false }) => {
+    const style = (0, react_1.useMemo)(() => {
+        return {
+            display: block ? 'block' : 'inline-block',
+            width: x * exports.SPACING_UNIT,
+            height: y * exports.SPACING_UNIT,
+            flexShrink: 0,
+        };
+    }, [block, x, y]);
+    return (0, jsx_runtime_1.jsx)("div", { style: style });
+};
+exports.Spacing = Spacing;
+const flexCss = { flex: 1 };
+const Flex = ({ children }) => (0, jsx_runtime_1.jsx)("div", { style: flexCss, children: children });
+exports.Flex = Flex;
+const Row = ({ children, justify, className, align, flex, style = {}, ...other }) => {
+    const finalStyle = (0, react_1.useMemo)(() => {
+        return {
+            ...style,
+            display: 'flex',
+            flexDirection: 'row',
+            justifyContent: justify !== null && justify !== void 0 ? justify : 'flex-start',
+            alignItems: align !== null && align !== void 0 ? align : 'flex-start',
+            flex: flex !== null && flex !== void 0 ? flex : undefined,
+        };
+    }, [align, flex, justify, style]);
+    return ((0, jsx_runtime_1.jsx)("div", { className: className, style: finalStyle, ...other, children: children }));
+};
+exports.Row = Row;
+const Column = ({ children, justify, className, align, style = {} }) => {
+    const finalStyle = (0, react_1.useMemo)(() => {
+        return {
+            ...style,
+            display: 'flex',
+            flexDirection: 'column',
+            justifyContent: justify !== null && justify !== void 0 ? justify : 'flex-start',
+            alignItems: align !== null && align !== void 0 ? align : 'flex-start',
+        };
+    }, [align, justify, style]);
+    return ((0, jsx_runtime_1.jsx)("div", { className: className, style: finalStyle, children: children }));
+};
+exports.Column = Column;