import { __makeTemplateObject } from "tslib";
import styled, { css } from "styled-components";
import { LIGHT_THEME } from "../../Pallette/themes";
import { ariesOnest, taurusOnest, geminiOnest, cancerOnest, leoOnest, virgoOnest, libraOnest, scorpiusOnest, capricornusOnest, saggitariusOnest, ariesNeueMachina, cancerNeueMachina, capricornusNeueMachina, geminiNeueMachina, leoNeueMachina, libraNeueMachina, saggitariusNeueMachina, scorpiusNeueMachina, taurusNeueMachina, virgoNeueMachina } from "../../Pallette/fonts";
var fontSizesOnest = {
    64: ariesOnest,
    56: taurusOnest,
    40: geminiOnest,
    32: cancerOnest,
    28: leoOnest,
    24: virgoOnest,
    20: libraOnest,
    16: capricornusOnest
};
var fontTypesOnest = {
    aries: ariesOnest,
    taurus: taurusOnest,
    gemini: geminiOnest,
    cancer: cancerOnest,
    leo: leoOnest,
    virgo: virgoOnest,
    libra: libraOnest,
    scorpius: scorpiusOnest,
    capricornus: capricornusOnest,
    saggitarius: saggitariusOnest
};
var fontTypesNeueMachina = {
    aries: ariesNeueMachina,
    taurus: taurusNeueMachina,
    gemini: geminiNeueMachina,
    cancer: cancerNeueMachina,
    leo: leoNeueMachina,
    virgo: virgoNeueMachina,
    libra: libraNeueMachina,
    scorpius: scorpiusNeueMachina,
    capricornus: capricornusNeueMachina,
    saggitarius: saggitariusNeueMachina
};
var fontSizesNeueMachina = {
    64: ariesNeueMachina,
    56: taurusNeueMachina,
    40: geminiNeueMachina,
    32: cancerNeueMachina,
    28: leoNeueMachina,
    24: virgoNeueMachina,
    20: libraNeueMachina,
    16: capricornusNeueMachina
};
var getFont = function (_a) {
    var fontFamily = _a.fontFamily, fontType = _a.fontType, fontSize = _a.fontSize;
    if (fontFamily === "Neue Machina") {
        return fontSize
            ? fontSizesNeueMachina[fontSize]
            : fontTypesNeueMachina[fontType];
    }
    return fontSize ? fontSizesOnest[fontSize] : fontTypesOnest[fontType];
};
export var HStyled = styled.span(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  margin: 0;\n  ", ";\n  ", "\n"], ["\n  margin: 0;\n  ", ";\n  ", "\n"])), function (props) {
    return getFont({
        fontFamily: props.fontFamily,
        fontType: props.type,
        fontSize: props.size
    });
}, function (props) {
    return props.color && css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      color: ", ";\n    "], ["\n      color: ", ";\n    "])), props.color);
});
HStyled.defaultProps = {
    theme: LIGHT_THEME
};
var templateObject_1, templateObject_2;
