@lanaco/lnc-react-ui
Version:
React component library
8 lines (7 loc) • 1.05 kB
JavaScript
;Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react/jsx-runtime"),d=require("react"),t=require("./index-BPVoEhTF.cjs"),u=require("./emotion-styled.browser.esm-Cle7tAM9.cjs"),i=(e,r)=>r=="medium"?`${e?"0.4rem":"0"} 1.25rem ${e?"0.8rem":"0"} 1.25rem`:r=="large"?`${e?"0.6rem":"0"} 1.5rem ${e?"1rem":"0"} 1.5rem`:`${e?"0.2rem":"0"} 1rem ${e?"0.6rem":"0"} 1rem`,c=u.newStyled.div`
transform: ${e=>e.isExpanded?"scaleY(1)":"scaleY(0)"};
transform-origin: top;
transition: transform 0.25s ease;
max-height: ${e=>e.isExpanded?"auto":"0"};
padding: ${e=>i(e.isExpanded,e.size)};
`,s=d.forwardRef((e,r)=>{const{__TYPE__:_="ACCORDION_DETAILS",isExpanded:o,size:n="small",children:m,...a}=e;return l.jsx(c,{ref:r,size:n,isExpanded:o,...a,children:m})});s.propTypes={__TYPE__:t.PropTypes.string,className:t.PropTypes.string,style:t.PropTypes.object,size:t.PropTypes.oneOf(["small","medium","large"])};s.displayName="ACCORDION_DETAILS";exports.default=s;exports.getPadding=i;