"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.getTypography = exports.baseTypography = void 0;
exports.baseTypography = {
    fontSize: 14,
    htmlFontSize: 14,
    fontWeightLight: 300,
    fontWeightRegular: 400,
    fontWeightMedium: 500,
    fontWeightBold: 700,
    fontFamily: ['InterVariable', 'sans-serif'].join(','),
};
const getTypography = (theme) => ({
    h1: {
        fontSize: '36px',
        fontWeight: theme.typography.fontWeightMedium,
        lineHeight: '40px',
    },
    h2: {
        fontSize: '28px',
        fontWeight: theme.typography.fontWeightMedium,
        lineHeight: '32px',
        [theme.breakpoints.down('sm')]: {
            fontSize: '32px',
            lineHeight: '40px',
        },
    },
    h3: {
        fontSize: '24px',
        fontWeight: theme.typography.fontWeightMedium,
        lineHeight: '28px',
        [theme.breakpoints.down('sm')]: {
            fontSize: '28px',
            lineHeight: '36px',
        },
    },
    h4: {
        fontSize: '20px',
        fontWeight: theme.typography.fontWeightMedium,
        lineHeight: '24px',
        [theme.breakpoints.down('sm')]: {
            fontSize: '24px',
            lineHeight: '28px',
        },
    },
    h5: {
        fontSize: '16px',
        fontWeight: theme.typography.fontWeightMedium,
        lineHeight: '20px',
        [theme.breakpoints.down('sm')]: {
            fontSize: '18px',
            lineHeight: '20px',
        },
    },
    h6: {
        fontSize: '14px',
        fontWeight: theme.typography.fontWeightMedium,
        lineHeight: '20px',
        [theme.breakpoints.down('sm')]: {
            fontSize: '16px',
            lineHeight: '20px',
        },
    },
    subtitle1: {
        fontSize: '16px',
        fontWeight: theme.typography.fontWeightRegular,
        lineHeight: '20px',
        [theme.breakpoints.down('sm')]: {
            fontSize: '18px',
        },
    },
    subtitle2: {
        fontSize: '14px',
        fontWeight: theme.typography.fontWeightMedium,
        lineHeight: '20px',
        [theme.breakpoints.down('sm')]: {
            fontSize: '16px',
        },
    },
    body1: {
        fontSize: '14px',
        fontWeight: theme.typography.fontWeightRegular,
        lineHeight: '20px',
        [theme.breakpoints.down('sm')]: {
            fontSize: '16px',
        },
    },
    button: {
        fontSize: '14px',
        fontWeight: theme.typography.fontWeightMedium,
        lineHeight: '24px',
        [theme.breakpoints.down('sm')]: {
            fontSize: '16px',
        },
    },
    link: {
        fontSize: '14px',
        fontWeight: theme.typography.fontWeightRegular,
        lineHeight: '20px',
        [theme.breakpoints.down('sm')]: {
            fontSize: '16px',
        },
    },
    caption: {
        fontSize: '12px',
        fontWeight: theme.typography.fontWeightRegular,
        lineHeight: '16px',
        [theme.breakpoints.down('sm')]: {
            fontSize: '14px',
        },
    },
    pointer: {
        fontSize: '12px',
        fontWeight: theme.typography.fontWeightMedium,
        lineHeight: '16px',
        [theme.breakpoints.down('sm')]: {
            fontSize: '14px',
        },
    },
});
exports.getTypography = getTypography;
