import Icon from "../../Icon/Icon";
import Link from "../../Link/Link";
import Route from "../../../../Types/API/Route";
import IconProp from "../../../../Types/Icon/IconProp";
import React from "react";
const Notifications = (props) => {
    return (React.createElement("div", { tabIndex: -1, role: "menu", "aria-hidden": "true", style: {
            position: "absolute",
            willChange: "transform",
            top: "0px",
            left: "0px",
            transform: "tranblue3d(0px, 5px, 0px)",
        }, className: "dropdown-menu-lg dropdown-menu-end p-0 dropdown-menu show" },
        React.createElement("div", { className: "p-3" },
            React.createElement("div", { className: "align-items-center row" },
                React.createElement("div", { className: "col" },
                    React.createElement("h6", { className: "m-0" }, " Notifications ")),
                React.createElement("div", { className: "col-auto" },
                    React.createElement("a", { className: "small", href: "/dashboard" },
                        " ",
                        "Mark all as read")))),
        React.createElement("div", { "data-simplebar": "init", style: { height: "230px" } },
            React.createElement("div", { className: "simplebar-wrapper", style: { margin: "0px" } },
                React.createElement("div", { className: "simplebar-height-auto-observer-wrapper" },
                    React.createElement("div", { className: "simplebar-height-auto-observer" })),
                React.createElement("div", { className: "simplebar-mask" },
                    React.createElement("div", { className: "simplebar-offset", style: { right: "0px", bottom: "0px" } },
                        React.createElement("div", { className: "simplebar-content-wrapper", style: { height: "auto", overflow: "hidden" } },
                            React.createElement("div", { className: "simplebar-content", style: { padding: "0px" } }, props.children)))),
                React.createElement("div", { className: "simplebar-placeholder", style: { width: "0px", height: "0px" } })),
            React.createElement("div", { className: "simplebar-track simplebar-horizontal", style: { visibility: "hidden" } },
                React.createElement("div", { className: "simplebar-scrollbar", style: { width: "0px", display: "none" } })),
            React.createElement("div", { className: "simplebar-track simplebar-vertical", style: { visibility: "hidden" } },
                React.createElement("div", { className: "simplebar-scrollbar", style: { height: "0px", display: "none" } }))),
        React.createElement("div", { className: "p-2 border-top d-grid" },
            React.createElement(Link, { className: "btn btn-sm btn-link font-size-14 btn-block text-center flex", to: new Route("/notifications") },
                React.createElement("span", null, "View all"),
                React.createElement(Icon, { icon: IconProp.ChevronRight })))));
};
export default Notifications;
//# sourceMappingURL=Notifications.js.map