"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var r=require("styled-components"),t=require("../../../../utils/index.js");function o(e){return e&&e.__esModule?e:{default:e}}var n=o(r);const a=n.default.button.withConfig({shouldForwardProp:t.convertToTransientProps(["hasFocus","segmentPadding","isActive"])})`
  display: flex;
  align-items: center;
  justify-content: center;
  padding: ${e=>e.segmentPadding};
  cursor: ${e=>e.disabled?"not-allowed":"pointer"};
  border: 2px solid transparent;
  background: transparent;
  border-radius: ${({theme:e})=>e.radius.roundedE};
  font-weight: ${e=>e.theme.font.weightBold};
  font-family: ${e=>e.theme.font.familyPrimary};
  ${t.getFontSize("size14")};
  color: ${e=>t.getColorAlias(e.disabled?"contentDisabled":"contentDefault")};
  svg {
    margin-right: ${t.getSpacing("s01")};
    fill: ${e=>t.getColorAlias(e.disabled?"contentDisabled":"contentDefault")};
  }

  ${e=>!e.disabled&&r.css`
      &:hover {
        background: ${t.getDarkenColor("hover02","containerStrong")};
      }
      &:focus {
        border: 2px solid
          ${e.hasFocus?t.getColorAlias("focusOuter"):"transparent"};
      }
      &:active {
        background: ${t.getDarkenColor("active01","containerStrong")};
      }
    `};

  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
`,i=n.default.div`
  display: flex;
  align-items: center;
`;exports.SegmentLabel=i;exports.SegmentWrapper=a;
