import React from 'react';
import { makeStyles } from '@material-ui/core';
import { Note } from './Note';
export const useStyles = makeStyles((theme) => ({
    root: {
        display: 'flex',
        flexDirection: 'column',
        alignContent: 'space-around'
    }
}));
/**
 * @returns {import('@material-ui/core/styles').WithStyles<import('@material-ui/core/styles/withStyles').Styles<Theme, {}, string>>}
 */
export const Notes = ({ data, key, handleClick }) => {
    const classes = useStyles();
    return (React.createElement("div", { className: classes.root }, data &&
        data.map((item) => {
            return (React.createElement("div", { style: { marginBottom: 20 }, key: key }, React.createElement(Note, { author: item.author, date: item.date.toString(), onClick: () => handleClick(item.id) }, item.note)));
        })));
};
//# sourceMappingURL=Notes.js.map