import { _ as __assign } from '../tslib.es6-faad35dc.js';
import colors from '../theme/colors.js';
import typography from '../theme/typography.js';
import { borderRadius } from '../theme/borders.js';

var MuiTableCell = {
    root: __assign(__assign({}, typography.callout.main), { 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: borderRadius.md + " 0 0 " + borderRadius.md,
            borderLeft: "2px solid transparent"
        }, "&:last-child": {
            borderRadius: "0 " + borderRadius.md + " " + borderRadius.md + " 0",
            borderRight: "2px solid transparent"
        } }),
    head: __assign(__assign({}, typography.supporting.main), { color: colors.gray[500], paddingTop: "30px", paddingBottom: "30px", backgroundColor: "transparent" })
};

export { MuiTableCell as default };
