@hakit/components
Version:
A series of components to work with @hakit/core
8 lines (7 loc) • 1.15 kB
JavaScript
;Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../../emotion-react-jsx-runtime.browser.esm-CgJouFLh.cjs"),l=require("../../../emotion-styled-base.browser.esm-D0rcP917.cjs"),n=require("@emotion/react"),i=require("@emotion/is-prop-valid"),a=l.createStyled("div",{shouldForwardProp:e=>i(e),target:"e1vx4js00"})("display:flex;flex-direction:column;flex-wrap:",({wrap:e})=>e||"wrap",";justify-content:",({justifyContent:e})=>e||"center",";align-items:",({alignItems:e})=>e||"center",";",({justifyContent: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:n.css(e.cssStyles??"",";"+(process.env.NODE_ENV==="production"?"":";label:Column;")),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.Column=s;
//# sourceMappingURL=index.js.map