"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var r=require("styled-components"),t=require("../../../../utils/index.js");function n(e){return e&&e.__esModule?e:{default:e}}var i=n(r);const o=i.default.div.withConfig({shouldForwardProp:t.convertToTransientProps(["hasPullTab","pinnedHeader"])})`
  --pull-tab-height: 20px;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: ${({theme:{radius:e}})=>`${e.roundedC} ${e.roundedC} ${e.roundedNone} ${e.roundedNone}`};

  padding: ${t.getSpacing("s04","s03")};

  svg {
    fill: ${t.getColorAlias("contentDefault")};
    height: 20px;
    width: 20px;
  }

  ${({hasPullTab:e})=>e&&r.css`
      padding-top: calc(${t.getSpacing("s04")} + var(--pull-tab-height));
    `}

  ${({pinnedHeader:e})=>e&&r.css`
      box-shadow: rgb(0 0 0 / 20%) 0px 5px 9px 3px;
    `}
`,a=i.default.div`
  display: flex;
  justify-content: space-between;
  width: 100%;
`,d=i.default.div.withConfig({shouldForwardProp:t.convertToTransientProps(["headerControlsModifiers"])})`
  display: flex;
  align-items: center;
  height: 35px;
  position: relative;

  width: ${({headerControlsModifiers:e})=>e==="close"?"calc(100% - 32px)":"100%"};

  h3 {
    margin: 0;
    ${t.getFontSize("size20")};
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    text-align: left;
  }

  svg {
    margin-right: ${t.getSpacing("s04")};
    min-width: 20px;
  }
`;exports.HeaderInnerWrapper=a;exports.HeaderWrapper=o;exports.IconTitleWrapper=d;
