"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("styled-components");require("../../_virtual/jsx-runtime.js");var l=require("../../icons/ChevronDown.js"),e=require("../../utils/index.js");function s(o){return o&&o.__esModule?o:{default:o}}var r=s(t);const n=r.default.div.withConfig({shouldForwardProp:e.convertToTransientProps(["isCollapsed"])})`
  max-height: ${o=>o.isCollapsed?"0":"min-content"};
  overflow: hidden;
  ${e.getDefaultTransition()};
`,d=r.default(n)(o=>t.css`
    color: ${e.getColorAlias("contentSubdued")};
    width: 100%;
    white-space: pre-line;
    ${e.getFontSize("size16")};

    ${o.isCollapsed?t.css`
          padding: ${e.getSpacing("s00","s04")};
          visibility: hidden;
          opacity: 0;
        `:t.css`
          padding: ${e.getSpacing("s02","s04")};
          visibility: visible;
          opacity: 1;
        `}
  `),a=r.default(l.default)`
  fill: ${e.getColorAlias("contentDefault")};
  height: 18px;
  transform: rotate(-180deg);
  width: 18px;
  ${e.getDefaultTransition("transform")};
`,c=r.default.button.withConfig({shouldForwardProp:e.convertToTransientProps(["isCollapsed"])})(o=>t.css`
    background: ${e.getColorAlias("containerDefault")};
    border: 2px solid transparent;
    cursor: pointer;
    margin: 0;
    padding: 12px ${e.getSpacing("s04")};
    ${e.getDefaultTransition("background-color")};
    width: 100%;

    &:hover {
      background: ${e.getDarkenColor("hover01","containerDefault")};
    }

    &:active {
      background: ${e.getDarkenColor("active01","containerDefault")};
    }

    &:focus {
      border-color: ${e.getColorAlias("focusOuter")};
    }

    &:disabled {
      background: ${e.getColorAlias("containerDefault")};
      cursor: default;
    }

    ${o.isCollapsed&&t.css`
      ${a} {
        transform: rotate(0);
      }
    `}
  `);function u(o){switch(o){case"default":return t.css`
        font-weight: ${i=>i.theme.font.weightExtrabold};
        ${e.getFontSize("size20")};
      `;case"low-emphasis":return t.css`
        font-weight: ${i=>i.theme.font.weightRegular};
        ${e.getFontSize("size16")};
      `}}const g=r.default.div`
  align-items: center;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
`,f=r.default.span`
  align-items: center;
  color: ${e.getColorAlias("contentDefault")};
  display: flex;
  flex-flow: row nowrap;
  ${o=>u(o.variant)};

  span {
    display: flex;
    align-items: center;
  }

  svg {
    fill: ${e.getColorAlias("contentDefault")};
    margin-right: ${e.getSpacing("s04")};
  }
`,p=r.default.div`
  align-items: center;
  color: ${e.getColorAlias("contentSubdued")};
  display: flex;
  flex-flow: row nowrap;
  font-weight: ${o=>o.theme.font.weightRegular};
  margin-top: ${e.getSpacing("s01")};
  ${e.getFontSize("size16")};
`,w=r.default.div.withConfig({shouldForwardProp:e.convertToTransientProps(["hasDivider"])})`
  background: ${e.getColorAlias("containerDefault")};
  border-bottom: 1px solid;
  border-color: ${o=>o.hasDivider?e.getColorAlias("dividerDefault"):"transparent"};
  display: flex;
  flex-flow: column nowrap;
  overflow: hidden;
`;exports.AccordionChevron=a;exports.AccordionContent=d;exports.AccordionHeader=c;exports.AccordionHeaderPrimaryRow=g;exports.AccordionHeaderSecondaryRow=p;exports.AccordionHeaderTitle=f;exports.AccordionWrapper=w;exports.CollapsableContainer=n;
