@lanaco/lnc-react-ui/dist/AccordionSummary.cjs

React component library

"use strict";const o=require("react/jsx-runtime"),f=require("react"),s=require("./index-BPVoEhTF.cjs"),x=require("./emotion-styled.browser.esm-Cle7tAM9.cjs"),g=require("./Icon.cjs"),C=require("./utils-NZLCh-J5.cjs"),P=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),h={small:"0.6rem 1rem",medium:"0.8rem 1.25rem",large:"1rem 1.5rem"},R=x.newStyled.div`
  display: flex;
  justify-content: space-between;
  cursor: pointer;
  color: ${e=>C.getColorRgbaValue(e.theme,"Accordion","primary","enabled","summaryText")};

  padding: ${e=>h[e.size]};
  & .accordion-icon-lnc {
    transform: ${e=>e.isExpanded?"rotate(180deg)":"rotate(0)"};
    transition: transform 0.25s ease;
  }
`,r=f.forwardRef((e,t)=>{const{__TYPE__:b="ACCORDION_SUMMARY",disabled:i,isExpanded:c,onExpand:a,onClick:m=()=>{},size:l="small",className:d="",style:p={},children:u,...y}=e,_={theme:P.useTheme(),size:l,style:p,className:d},T=n=>{i==!1&&a(n),m(n)};return o.jsxs(R,{ref:t,..._,onClick:T,isExpanded:c,...y,children:[u,o.jsx(g,{icon:"angle-down",sizeInUnits:"1.125rem",className:"accordion-icon-lnc"})]})});r.propTypes={__TYPE__:s.PropTypes.string,onClick:s.PropTypes.func,className:s.PropTypes.string,style:s.PropTypes.object,size:s.PropTypes.oneOf(["small","medium","large"])};r.displayName="ACCORDION_SUMMARY";module.exports=r;