import CircularIconImage from "../../Icon/CircularIconImage";
import Icon from "../../Icon/Icon";
import OneUptimeDate from "../../../../Types/Date";
import IconProp from "../../../../Types/Icon/IconProp";
import React from "react";
const NotificationItem = (props) => {
    return (React.createElement("a", { className: "text-reset notification-item", href: "/", onClick: props.onClick },
        React.createElement("div", { className: "d-flex" },
            React.createElement(CircularIconImage, { icon: props.icon }),
            React.createElement("div", { className: "flex-grow-1" },
                React.createElement("h6", { className: "mt-0 mb-1" }, props.title),
                React.createElement("div", { className: "font-size-12 text-muted" },
                    React.createElement("p", { className: "mb-1" }, props.description),
                    React.createElement("p", { className: "mb-0 flex" },
                        React.createElement(Icon, { icon: IconProp.Time }),
                        React.createElement("div", { style: {
                                marginTop: "1px",
                                marginRight: "3px",
                            } },
                            OneUptimeDate.fromNow(props.createdAt),
                            " ")))))));
};
export default NotificationItem;
//# sourceMappingURL=NotificationItem.js.map