import React from 'react';
import { makeStyles, Typography, Divider } from '@material-ui/core';
const useStyles = makeStyles((theme) => ({
    divider: {
        marginTop: theme.spacing(1)
    },
    content: {
        marginLeft: theme.spacing(4)
    }
}));
export const DirectoryListItem = ({ children, letter }) => {
    const classes = useStyles();
    return (React.createElement("div", { className: classes.root }, React.createElement("div", null, React.createElement(Typography, { variant: "h4" }, letter)), React.createElement("div", { className: classes.content }, children, React.createElement("div", null, React.createElement(Divider, { className: classes.divider })))));
};
//# sourceMappingURL=DirectoryListItem.js.map