@bizhermit/react-sdk/elements/row.js

React SDK

"use strict";var __importDefault=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(exports,"__esModule",{value:!0});const react_1=__importDefault(require("react")),css_var_1=require("../styles/css-var"),jsx_style_1=__importDefault(require("../styles/jsx-style")),attributes_1=require("../utils/attributes"),cn="bh-row",Row=t=>react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement("div",{...(0,attributes_1.attributes)(t,cn),"data-fill":t.$fill,"data-nowrap":t.$nowrap,"data-posx":(0,attributes_1.dPosX)(void 0,t.$center,t.$right)??"l"}),Style),Style=react_1.default.createElement(jsx_style_1.default,{id:cn},(()=>`\n.${cn} {\n  ${css_var_1.CssPV.flex}\n  flex-flow: row wrap;\n  align-items: flex-end;\n  flex: none;\n}\n.${cn}[data-posx="l"] {\n  justify-content: flex-start;\n}\n.${cn}[data-posx="c"] {\n  justify-content: center;\n}\n.${cn}[data-posx="r"] {\n  justify-content: flex-end;\n}\n.${cn}[data-fill="true"] {\n  width: 100%;\n}\n.${cn}[data-nowrap="true"] {\n  flex-wrap: nowrap;\n}\n.${cn} > .${cn} {\n  flex: 1;\n}\n`));exports.default=Row;