"use strict";
Object.defineProperty(exports, "__esModule", {
    value: true
});
Object.defineProperty(exports, "base", {
    enumerable: true,
    get: function() {
        return base;
    }
});
const _styledcomponents = require("styled-components");
const _Linktokens = require("../Link.tokens");
const getColor = (cssVar)=>`
    color: var(${cssVar}, var(${_Linktokens.tokens.linkColor}));
`;
const base = (0, _styledcomponents.css)([
    `font-family:var(`,
    `);color:var(`,
    `);&.`,
    `,&.`,
    `:hover{text-decoration:underline solid var(`,
    `,currentColor) var(`,
    `,auto);text-underline-offset:var(`,
    `,auto);}&:hover{`,
    `;}&:active{`,
    `;}&:visited{`,
    `;}&:visited:hover{`,
    `;}&:visited:active{`,
    `;}`
], _Linktokens.tokens.linkFontFamily, _Linktokens.tokens.linkColor, _Linktokens.classes.linkUnderlineAlways, _Linktokens.classes.linkUnderlineHover, _Linktokens.tokens.linkUnderlineColor, _Linktokens.tokens.linkUnderlineBorder, _Linktokens.tokens.linkUnderlineOffset, getColor(_Linktokens.tokens.linkColorHover), getColor(_Linktokens.tokens.linkColorActive), getColor(_Linktokens.tokens.linkColorVisited), getColor(_Linktokens.tokens.linkColorVisitedHover), getColor(_Linktokens.tokens.linkColorVisitedActive));
