import { _ as __assign } from '../tslib.es6-20a2a300.js';
import MuiTypography from './MuiTypography.js';
import fontWeight from '../theme/fontWeight.js';
import lineHeight from '../theme/lineHeight.js';
import colors from '../theme/colors.js';
import '../theme/fontSize.js';
import '../theme/fontFamily.js';

var MuiTableCell = {
    root: __assign(__assign({}, MuiTypography.subtitle2), { paddingTop: "26px", paddingBottom: "26px", paddingRight: "32px", borderTop: "2px solid transparent", borderBottom: "2px solid transparent", transition: "border-color 0.2s ease, background-color 0.2s ease", "&:not(:first-child)": {
            paddingLeft: 0
        }, "&:first-child": {
            paddingLeft: "32px",
            borderRadius: "16px 0 0 16px",
            borderLeft: "2px solid transparent"
        }, "&:last-child": {
            borderRadius: "0 16px 16px 0",
            borderRight: "2px solid transparent"
        } }),
    head: __assign(__assign({}, MuiTypography.overline), { fontWeight: fontWeight.medium, lineHeight: lineHeight.xs, paddingTop: "30px", paddingBottom: "30px", color: colors.gray[500], backgroundColor: "transparent" })
};

export { MuiTableCell as default };
