import colors from '../theme/colors.js';
import fontSize from '../theme/fontSize.js';
import fontWeight from '../theme/fontWeight.js';
import fontFamily from '../theme/fontFamily.js';
import lineHeight from '../theme/lineHeight.js';
import '../tslib.es6-20a2a300.js';

var MuiTypography = {
    h1: {
        fontWeight: fontWeight.bold,
        fontFamily: fontFamily.serif,
        fontSize: fontSize.xl6,
        lineHeight: lineHeight.xl3
    },
    h2: {
        fontWeight: fontWeight.bold,
        fontFamily: fontFamily.serif,
        fontSize: fontSize.xl5,
        lineHeight: lineHeight.xl2
    },
    h3: {
        fontWeight: fontWeight.bold,
        fontFamily: fontFamily.serif,
        fontSize: fontSize.xl3,
        lineHeight: lineHeight.xl
    },
    h4: {
        fontWeight: fontWeight.normal,
        fontFamily: fontFamily.serif,
        fontSize: fontSize.xl4,
        lineHeight: lineHeight.xl
    },
    h5: {
        fontWeight: fontWeight.semi,
        fontFamily: fontFamily.serif,
        fontSize: fontSize.xl,
        lineHeight: lineHeight.lg
    },
    h6: {
        fontWeight: fontWeight.normal,
        fontFamily: fontFamily.serif,
        fontSize: fontSize.xl,
        lineHeight: lineHeight.lg
    },
    body1: {
        fontFamily: fontFamily.sans,
        fontWeight: fontWeight.normal,
        fontSize: fontSize.xl,
        lineHeight: lineHeight.lg
    },
    body2: {
        fontFamily: fontFamily.sans,
        fontWeight: fontWeight.medium,
        fontSize: fontSize.lg,
        lineHeight: lineHeight.ml
    },
    subtitle1: {
        fontFamily: fontFamily.sans,
        fontWeight: fontWeight.normal,
        fontSize: fontSize.lg,
        lineHeight: lineHeight.ml
    },
    subtitle2: {
        fontFamily: fontFamily.sans,
        fontWeight: fontWeight.normal,
        fontSize: fontSize.ml,
        lineHeight: lineHeight.m
    },
    caption: {
        fontFamily: fontFamily.sans,
        fontWeight: fontWeight.medium,
        fontSize: fontSize.m,
        lineHeight: lineHeight.m
    },
    overline: {
        fontFamily: fontFamily.sans,
        fontWeight: fontWeight.normal,
        fontSize: fontSize.ml,
        lineHeight: lineHeight.sm,
        textTransform: "none"
    },
    colorPrimary: {
        color: colors.text.primary
    },
    colorSecondary: {
        color: colors.text.secondary
    },
    colorError: {
        color: colors.text.negative
    }
};

export { MuiTypography as default };
