@lanaco/lnc-react-ui
Version:
React component library
16 lines (15 loc) • 1.27 kB
JavaScript
;const s=require("react/jsx-runtime"),f=require("react"),y=require("./emotion-styled.browser.esm-DwHBgTPn.cjs"),j=y.styled.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};`}
`,E=f.forwardRef((e,t)=>{const{colStart:a,colEnd:l,rowStart:n,rowEnd:r,colSpan:i,rowSpan:d,justifySelf:o,alignSelf:c,area:m,className:g="",style:$={},children:S,...w}=e;var u={colStart:a,colEnd:l,rowStart:n,rowEnd:r,colSpan:i,rowSpan:d,justifySelf:o,alignSelf:c,area:m};return s.jsx(j,{ref:t,...u,className:g,style:$,...w,children:S})});module.exports=E;