"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var r=require("styled-components"),t=require("../../utils/index.js"),i=require("./utils.js");function a(e){return e&&e.__esModule?e:{default:e}}var o=a(r);const n=o.default.div`
  display: flex;
  position: relative;
  flex-direction: column;
  direction: ${e=>e.rtl?"rtl":"ltr"};
  max-width: 100%;
`,d=o.default.div`
  display: grid;
  grid-template-columns: 85% 15%;
  overflow: hidden;
  position: relative;
`,l=o.default.div`
  display: flex;
  position: relative;
  padding: 1px;
  overflow-x: scroll;
  scroll-behavior: smooth;
  &::-webkit-scrollbar {
    display: none;
  }
  -ms-overflow-style: none; /* IE and Edge */
`,s=o.default.div.withConfig({shouldForwardProp:t.convertToTransientProps(["narrow","selected","disabled"])})`
  display: flex;
  justify-content: center;
  align-items: center;
  padding: ${e=>e.narrow?"12px":"8px 16px"};
  border-radius: ${e=>e.theme.radius.roundedA};
  width: ${e=>e.narrow?"70%":"fit-content"};
  margin-bottom: ${t.getSpacing("s01")};
  ${e=>i.getTabsColor(e)}
  font-family: ${e=>e.theme.font.familyPrimary};
  ${t.getFontSize("size16")};
  font-weight: ${e=>e.theme.font.weightBold};
  outline-color: ${t.getColorAlias("focusOuter")};
  max-width: 400px;
  cursor: pointer;
  ${t.getDefaultTransition("background")}

  &:hover {
    background: ${t.getDarkenColor("hover01","containerDefault")};
  }
  &:active {
    background: ${t.getDarkenColor("active01","containerDefault")};
  }
`,p=o.default.div.withConfig({shouldForwardProp:t.convertToTransientProps(["brandColor"])})`
  position: absolute;
  width: ${e=>e.width}px;
  bottom: 0;
  left: ${e=>e.left}px;
  height: 4px;
  border-top-left-radius: ${e=>e.theme.radius.roundedA};
  border-top-right-radius: ${e=>e.theme.radius.roundedA};
  background: ${e=>t.getColorAlias(e.brandColor?"interactiveBrand":"interactivePrimary")};
  transition: ${({theme:e})=>`${e.motion.speed.defaultS} ${e.motion.easing.easeDefault}`};
`,u=o.default.div`
  position: absolute;
  padding: 8px 16px;
  background: linear-gradient(
    to right,
    rgba(255, 255, 255, 0.3) 0%,
    rgba(255, 255, 255, 1) 100%
  );
  border: none;
  margin-bottom: 16px;
  transform: translate(0, -50%);
  top: 50%;
  left: ${e=>e.left}px;
  min-width: 84px;
  min-height: ${e=>e.minHeight}px;
`,c=o.default.div``,f=o.default.div.withConfig({shouldForwardProp:t.convertToTransientProps(["disabled"])})`
  padding: 12px;
  cursor: ${e=>e.disabled?"not-allowed":"pointer"};
  display: flex;
  align-items: center;
  border-bottom: 1px solid ${t.getColorAlias("dividerDefault")};
  opacity: ${e=>e.disabled?.5:1};
  &:hover {
    background: ${e=>e.disabled?"initial":t.getDarkenColor("hover01","containerDefault")};
  }
  &:active {
    background: ${e=>e.disabled?"initial":t.getDarkenColor("active01","containerDefault")};
  }

  svg {
    fill: ${t.getColorAlias("contentSubdued")};
    stroke: ${t.getColorAlias("contentSubdued")};
  }
`,g=o.default.div`
  display: flex;
  flex-direction: column;
  width: 95%;
  padding-right: 20px;
`,b=o.default.span`
  font-weight: ${e=>e.selected?e.theme.font.weightBold:e.theme.font.weightRegular};
  ${t.getFontSize("size16")};
`,h=o.default.span`
  ${t.getFontSize("size14")};
  color: ${t.getColorAlias("contentSubdued")};
`,m=o.default.div`
  padding-top: ${t.getSpacing("s04")};
  margin: 0 auto;
  width: 95%;
`;o.default.div`
  border-bottom: 1px solid ${t.getColorAlias("borderDefault")};
  width: 100%;
`;o.default.div`
  height: 500px;
  width: 100%;
  font-family: ${e=>e.theme.font.familyPrimary};
`;exports.DismissWrapper=m;exports.ExpandWrapper=u;exports.ExpandedItemText=g;exports.ExpandedLabel=b;exports.ExpandedSecondary=h;exports.ExpandedTabItem=f;exports.InnerWrapper=d;exports.TabIndicator=p;exports.TabList=c;exports.TabWrapper=s;exports.TabsContainer=l;exports.Wrapper=n;
