import React from 'react';
import { Typography as MuiTypography, makeStyles } from '@material-ui/core';
import clsx from 'clsx';
import { getEllipseColor } from '../../../utilities/style/colorConverter';
const useStyles = makeStyles((theme) => ({
    typography: {
        color: (props) => (props === null || props === void 0 ? void 0 : props.color) && getEllipseColor(theme, props === null || props === void 0 ? void 0 : props.color)
    }
}));
export const Typography = (props) => {
    const { variant, align, children, className, noWrap = false, paragraph = false, color } = props;
    const classes = useStyles(props);
    return (React.createElement(MuiTypography, { variant: variant, align: align, className: clsx({ [classes.typography]: color }, className), noWrap: noWrap, paragraph: paragraph }, children));
};
//# sourceMappingURL=Typography.js.map