"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("styled-components"),i=require("../../utils/index.js"),o=require("./utils.js");function l(e){return e&&e.__esModule?e:{default:e}}var n=l(t);const s=n.default.a`
  display: ${({type:e})=>e==="inline"?"inline-block":"block"};
  color: ${({variant:e})=>e&&o.getLinkColor(e)};
  width: fit-content;
  ${({size:e})=>e==="small"?i.getFontSize("size14"):i.getFontSize("size16")};
  font-weight: ${({bold:e,theme:r})=>e&&r.font.weightBold};
  text-decoration: ${({underlined:e})=>e?"underline":"none"};

  &:hover,
  &:active {
    text-decoration: ${({underlined:e})=>e?"none":"underline"};
  }

  &:focus-within,
  &:focus,
  &:focus-visible,
  &:active {
    outline: none;
    border-color: ${i.getColorAlias("focusOuter")};
    box-shadow: 0 0 0 2px ${i.getColorAlias("contentLinkDistinct")};
    border-radius: ${e=>e.theme.radius.roundedA};
  }

  &:visited {
    color: ${i.getColorAlias("contentLinkVisited")};

    svg {
      fill: ${i.getColorAlias("contentLinkVisited")};
    }
  }
`,d=n.default.div.withConfig({shouldForwardProp:i.convertToTransientProps(["iconModifiers"])})`
  display: flex;
  align-items: center;
  flex-direction: ${({iconModifiers:e})=>e==="leading"&&"row-reverse"};

  svg {
    fill: ${({variant:e})=>e&&o.getLinkColor(e)};

    ${({iconModifiers:e})=>e==="trailing"?t.css`
            margin: 0 0 0 ${i.getSpacing("s01")};
          `:t.css`
            margin: 0 ${i.getSpacing("s01")} 0 0;
          `}
  }
`;exports.LinkContent=d;exports.LinkWrapper=s;
