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

React component library

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

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