import { __makeTemplateObject } from "tslib";
import styled, { css } from "styled-components";
import { aquillaOnest, phoenixOnest, cygnusOnest } from "../../Pallette/fonts";
import { LIGHT_THEME } from "../../Pallette/themes";
var fontSizes = {
    20: aquillaOnest,
    16: phoenixOnest,
    14: cygnusOnest
};
var fontTypes = {
    aquilla: aquillaOnest,
    phoenix: phoenixOnest,
    cygnus: cygnusOnest
};
export var P1Styled = styled.span(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  margin: 0;\n  ", "\n  ", "\n  ", "\n"], ["\n  margin: 0;\n  ", "\n  ", "\n  ", "\n"])), function (props) { return props.type && fontTypes[props.type]; }, function (props) { return props.size && fontSizes[props.size]; }, function (props) {
    return props.color && css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      color: ", ";\n    "], ["\n      color: ", ";\n    "])), props.color);
});
P1Styled.defaultProps = {
    theme: LIGHT_THEME
};
var templateObject_1, templateObject_2;
