@hakit/components
Version:
A series of components to work with @hakit/core
8 lines (7 loc) • 1.18 kB
JavaScript
;Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../../emotion-react-jsx-runtime.browser.esm-CgJouFLh.cjs"),i=require("../../../emotion-styled-base.browser.esm-D0rcP917.cjs"),l=require("@emotion/react"),r=require("framer-motion"),n=require("../../utils/isValidProp.js"),a=i.createStyled(r.m.div,{shouldForwardProp:e=>n.isValidProp(e),target:"ev4xl8t0"})("display:flex;flex-direction:row;flex-wrap:",({wrap:e})=>e||"wrap",";justify-content:",({justifyContent:e})=>e||"center",";align-items:",({alignItems:e})=>e||"center",";",({alignItems:e})=>`
--stretch: ${e==="stretch"?"100%":"false"};
`," ",e=>typeof e.gap=="string"&&`
gap: ${e.gap};
--gap: ${e.gap??"0px"};
`," ",e=>e.fullHeight&&"height: 100%;"," ",e=>e.fullWidth&&"width: 100%;",";");function s(e){return t.jsx(a,{...e,css:l.css(e.cssStyles??"",";"+(process.env.NODE_ENV==="production"?"":";label:Row;")),className:`${e.className??""} ${e.fullHeight?"full-height":""} ${e.fullWidth?"full-width":""} ${e.justifyContent?e.justifyContent:"center"} ${e.alignItems?e.alignItems:"center"} ${e.wrap?e.wrap:"wrap"}`})}exports.Row=s;
//# sourceMappingURL=index.js.map