{
  "version": 3,
  "sources": ["../javascripts/styled-components/components/LinkButton/index.tsx"],
  "sourcesContent": ["import styled, { css } from 'styled-components';\n\nimport { size } from '../../layout/helpers';\nimport { linkBase } from '../Link';\n\ninterface ILinkButton {\n  $hoverGhost?: boolean;\n  $block?: boolean;\n  $currentColor?: boolean;\n  $size?: 'small';\n}\n\nexport const LinkButton = styled.span.attrs(() => ({\n  role: 'button',\n  tabIndex: 0,\n})).withConfig({ componentId: 'sc-xkprgp-0' })<ILinkButton>`\n    ${linkBase}\n    cursor: pointer;\n    user-select: none;\n\n    ${({ $block }) =>\n      $block &&\n      css`\n            display: block;\n        `}\n\n    ${({ $hoverGhost }) =>\n      $hoverGhost &&\n      css`\n            &:before {\n                content: \"\";\n                position: absolute;\n                top: 0;\n                left: 0;\n                width: 100%;\n                height: 100%;\n            }\n        `}\n\n    ${({ $currentColor }) =>\n      $currentColor &&\n      css`\n            color: currentColor;\n        `}\n\n    ${({ $size }) =>\n      $size === 'small'\n        ? css`\n                  gap: ${size(0.5)};\n                  font-size: var(--font-size-small);\n              `\n        : undefined}\n`;\n"],
  "mappings": "4GAYO,IAAMA,EAAaC,EAAO,KAAK,MAAM,KAAO,CACjD,KAAM,SACN,SAAU,CACZ,EAAE,EAAE,WAAW,CAAE,YAAa,aAAc,CAAC;AAAA,MACvCC,CAAQ;AAAA;AAAA;AAAA;AAAA,MAIR,CAAC,CAAE,OAAAC,CAAO,IACVA,GACAC;AAAA;AAAA,SAEG;AAAA;AAAA,MAEH,CAAC,CAAE,YAAAC,CAAY,IACfA,GACAD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,SASG;AAAA;AAAA,MAEH,CAAC,CAAE,cAAAE,CAAc,IACjBA,GACAF;AAAA;AAAA,SAEG;AAAA;AAAA,MAEH,CAAC,CAAE,MAAAG,CAAM,IACTA,IAAU,QACNH;AAAA,yBACeI,EAAK,EAAG,CAAC;AAAA;AAAA,gBAGxB,MAAS;",
  "names": ["LinkButton", "dt", "linkBase", "$block", "lt", "$hoverGhost", "$currentColor", "$size", "size"]
}