import React from 'react';
import { Typography, makeStyles } from '@material-ui/core';
const useStyles = makeStyles((theme) => ({
    root: {
        display: 'flex',
        flexDirection: 'row'
    },
    prefix: {
        fontWeight: 600
    },
    title: {
        flex: 1
    },
    detail: {
        marginLeft: theme.spacing(2)
    }
}));
const FileProfile = (props) => {
    const classes = useStyles();
    const { children, fileName, fileType, size, lastModifiedDate } = props;
    return (React.createElement("div", null, React.createElement("div", { className: classes.root }, React.createElement(Typography, { variant: "body1", className: classes.title }, React.createElement("strong", null, fileName)), React.createElement(Typography, { variant: "caption", className: classes.detail }, React.createElement("span", { className: classes.prefix }, "Type:"), " ", fileType), React.createElement(Typography, { variant: "caption", className: classes.detail }, React.createElement("span", { className: classes.prefix }, "Size:"), " ", size)), children));
};
export default FileProfile;
//# sourceMappingURL=FileProfile.js.map