import React from 'react';
import { Comment } from '../Comment';
import { useStyles } from './styles';
export var ExpandedComments = function (_a) {
    var comments = _a.comments;
    var styles = useStyles();
    return (React.createElement(React.Fragment, null, comments.map(function (_a) {
        var author = _a.author, id = _a.id, message = _a.message, time = _a.time;
        return (React.createElement(Comment, { classes: { messageContainer: styles.messageContainer }, key: id, author: author, message: message, time: time }));
    })));
};
