import React from 'react';
import { Card, CardContent, Divider, Typography, makeStyles } from '@material-ui/core';
const useStyles = makeStyles((theme) => ({
    labelRoot: {
        color: 'inherit',
        marginRight: theme.spacing(0.5),
        opacity: 0.6
    }
}));
export const ListElement = ({ subject, value, style, hideDivider = false }) => {
    const classes = useStyles();
    return (React.createElement("div", { style: Object.assign({ display: 'flex', flexDirection: 'column', paddingTop: 8 }, style) }, React.createElement(Typography, { className: classes.labelRoot }, subject), React.createElement(Typography, { color: "textPrimary" }, value), !hideDivider && React.createElement(Divider, null)));
};
export const ListCard = ({ children }) => {
    return (React.createElement(Card, { elevation: 0, style: { height: '100%' } }, React.createElement(CardContent, { style: { height: '100%' } }, React.createElement("div", { style: {
            display: 'flex',
            flexFlow: 'column wrap',
            height: '100%',
            columnGap: 8
        } }, children))));
};
//# sourceMappingURL=ListCard.js.map