"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var o=require("styled-components"),r=require("../../../../utils/index.js");function n(e){return e&&e.__esModule?e:{default:e}}var t=n(o);const a=t.default.div`
  min-width: 175px;
  color: ${r.getColorAlias("contentDefault")};
  ${r.getFontSize("size16")};
`,i=t.default.div.withConfig({shouldForwardProp:r.convertToTransientProps(["disabled"])})`
  margin-left: ${r.getSpacing("s02")};
  display: flex;
  justify-content: center;
  align-items: center;
  svg {
    width: 16px;
    height: 16px;
    fill: ${e=>r.getColorAlias(e.disabled?"contentDisabled":"contentDefault")};
  }
`,s=t.default(i)`
  margin-right: ${r.getSpacing("s02")};
  margin-left: unset;
`,l=t.default.div.withConfig({shouldForwardProp:r.convertToTransientProps(["hasError"])})`
  border-radius: ${e=>e.theme.radius.roundedD};

  ${({hasError:e})=>e&&o.css`
      outline: 1px solid ${r.getColorAlias("contentError")};
    `}

  &:focus,
  &:focus-within {
    outline: 2px solid ${r.getColorAlias("focusOuter")};
  }
`;exports.ChipBorder=l;exports.IconWrapper=i;exports.LeadingIconWrapper=s;exports.Wrapper=a;
