@lanaco/lnc-react-ui
Version:
React component library
16 lines (15 loc) • 1.69 kB
JavaScript
;const f=require("react/jsx-runtime"),p=require("react"),t=require("./index-BPVoEhTF.cjs"),T=require("./emotion-styled.browser.esm-Cle7tAM9.cjs"),P=T.newStyled.div`
display: ${e=>e.inline?"inline-grid":"grid"};
row-gap: ${e=>e.rowGap?e.rowGap:e.gap?e.gap:0};
column-gap: ${e=>e.columnGap?e.columnGap:e.gap?e.gap:0};
${e=>e.gridTemplate&&`grid-template: ${e.gridTemplate};`}
${e=>e.templateRows&&`grid-template-rows: ${e.templateRows};`}
${e=>e.templateColumns&&`grid-template-columns: ${e.templateColumns};`}
${e=>e.justifySelf&&`justify-self: ${e.justifySelf};`}
${e=>e.alignSelf&&`align-self: ${e.alignSelf};`}
${e=>e.area&&`grid-area: ${e.area};`}
${e=>e.colStart&&`grid-column-start: ${e.colStart};`}
${e=>(e.colEnd||e.colSpan)&&`grid-column-end: span ${e.colEnd||e.colSpan};`}
${e=>e.rowStart&&`grid-row-start: ${e.rowStart};`}
${e=>(e.rowEnd||e.rowSpan)&&`grid-row-end: span ${e.rowEnd||e.rowSpan};`}
`,r=p.forwardRef((e,a)=>{const{colStart:n,colEnd:l,rowStart:o,rowEnd:i,colSpan:s,rowSpan:c,justifySelf:d,alignSelf:m,area:S,className:g="",style:u={},children:w,...y}=e;var $={colStart:n,colEnd:l,rowStart:o,rowEnd:i,colSpan:s,rowSpan:c,justifySelf:d,alignSelf:m,area:S};return f.jsx(P,{ref:a,...$,className:g,style:u,...y,children:w})});r.propTypes={colStart:t.PropTypes.number,colEnd:t.PropTypes.number,rowStart:t.PropTypes.number,rowEnd:t.PropTypes.number,colSpan:t.PropTypes.number,rowSpan:t.PropTypes.number,justifySelf:t.PropTypes.oneOf(["start","end","center","stretch"]),alignSelf:t.PropTypes.oneOf(["start","end","center","stretch"]),area:t.PropTypes.string,style:t.PropTypes.object,className:t.PropTypes.string};module.exports=r;