import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import classNames from 'classnames';
import './HistoryCard.scss';
import Typography from '../Typography';
const HistoryCard = ({ variant, title, tabTitle, comment, profileShortName, }) => {
    return (_jsxs("div", { className: "ff-history-card", children: [_jsx("div", { className: classNames('header', `header--${variant}`), children: _jsx(Typography, { fontWeight: 'semi-bold', children: tabTitle }) }), _jsxs("div", { className: "body", children: [_jsx("div", { className: "title", children: _jsxs("div", { className: "profile", children: [_jsx(Typography, { className: classNames('avatar', `avatar--${variant}`), children: profileShortName }), _jsx(Typography, { children: title })] }) }), _jsxs("div", { className: "comment-container", children: [_jsx(Typography, { fontWeight: "semi-bold", className: "heading", children: "Comments:" }), _jsx(Typography, { color: 'var(--details-page-value-color)', className: "comment", children: comment })] })] })] }));
};
export default HistoryCard;
//# sourceMappingURL=HistoryCard.js.map