import styled from "styled-components";
import COLORS from "../../global/colors";


/*
100    Extra Light or Ultra Light
200    Light or Thin
300    Book or Demi
400    Normal or Regular
500    Medium
600    Semibold, Demibold
700    Bold
800    Black, Extra Bold or Heavy
900    Extra Black, Fat, Poster or Ultra Black
*/

export const Roboto10 = styled.Text`
        fontFamily: Roboto-Regular;
        fontSize: 10;
        fontWeight: normal;
        fontStyle: normal;
        lineHeight: 11;
        letterSpacing: 0;
        color: ${COLORS.purpleBrown};
`;

export const Roboto14 = styled.Text`
        fontFamily: Roboto-Regular;
        fontSize: 14;
        fontWeight: normal;
        fontStyle: normal;
        lineHeight: 24;
        letterSpacing: 0;
        color: ${COLORS.purpleBrown}
`;

export const Roboto16 = styled.Text`
        fontFamily: Roboto-Regular;
        fontSize: 16;
        fontWeight: normal;
        fontStyle: normal;
        lineHeight: 24;
        letterSpacing: 0;
        color: ${COLORS.purpleBrown}
`;

export const Roboto16Bold = styled.Text`
        fontFamily: Roboto-Regular;
        fontSize: 16;
        fontWeight: bold;
        fontStyle: normal;
        lineHeight: 24;
        letterSpacing: 0;
        color: ${COLORS.purpleBrown};
`;