@lanaco/lnc-react-ui
Version:
React component library
13 lines (12 loc) • 1.88 kB
JavaScript
;const w=require("react/jsx-runtime"),j=require("react"),t=require("./index-BPVoEhTF.cjs"),G=require("./emotion-styled.browser.esm-Cle7tAM9.cjs"),I=G.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.justifyItems&&`justify-items: ${e.justifyItems};`}
${e=>e.alignItems&&`align-items: ${e.alignItems};`}
${e=>e.justifyContent&&`justify-content: ${e.justifyContent};`}
${e=>e.templateAreas&&`grid-template-areas: ${e.templateAreas};`}
`,s=j.forwardRef((e,n)=>{const{inline:a=!1,template:r,templateColumns:i,templateRows:l,gap:o,rowGap:p,columnGap:m,justifyItems:y,alignItems:c,justifyContent:g,templateAreas:u,children:d,className:f="",style:T={},...$}=e;var P={inline:a,template:r,templateColumns:i,templateRows:l,gap:o,rowGap:p,columnGap:m,justifyItems:y,alignItems:c,justifyContent:g,templateAreas:u};return w.jsx(I,{ref:n,...P,className:f,style:T,...$,children:d})});s.defaultProps={inline:!1,style:{},className:""};s.propTypes={inline:t.PropTypes.bool,template:t.PropTypes.string,templateColumns:t.PropTypes.string,templateRows:t.PropTypes.string,gap:t.PropTypes.string,rowGap:t.PropTypes.string,columnGap:t.PropTypes.string,justifyItems:t.PropTypes.oneOf(["start","end","center","stretch"]),alignItems:t.PropTypes.oneOf(["start","end","center","stretch"]),placeItems:t.PropTypes.oneOf(["start","end","center","stretch"]),justifyContent:t.PropTypes.oneOf(["start","end","center","stretch","space-between","space-evenly"]),templateAreas:t.PropTypes.string,style:t.PropTypes.object,className:t.PropTypes.string};module.exports=s;