import React from 'react';
import { makeStyles, Typography } from '@material-ui/core';
const useStyles = makeStyles((theme) => ({
    root: {
        display: 'flex'
    },
    labelRoot: {
        color: 'inherit',
        marginRight: theme.spacing(0.5),
        opacity: 0.6
    },
    valueRoot: {
        color: 'inherit'
    }
}));
export const CompactDataListItem = (props) => {
    const { label, value, labelSeparator = ':', disableLabelSeparator = false } = props;
    const classes = useStyles(props);
    return (React.createElement("div", { className: classes.root }, !!label && (React.createElement(Typography, { variant: 'body1', className: classes.labelRoot }, label, !disableLabelSeparator && labelSeparator)), !!value && (React.createElement(Typography, { variant: 'body1', className: classes.valueRoot }, value))));
};
//# sourceMappingURL=CompactDataListItem.js.map