import React from "react";
import "../../css/notification-center.css";
// Hooks
import { useNotificationUI, getNotificationConfig } from "../../../../hooks/useNotifications";
import { NotificationsCenterWindow } from "./components/NotificationsCenterWindow";
import { useTitle } from "../../../../hooks";
export const defaultNotificationCenterControls = {
    controls: [
        {
            action: "all",
            label: "All",
            run: (notifications) => notifications,
        },
        {
            action: "unread",
            label: "Unread",
            run: (notifications) => notifications.filter((notification) => !notification.isRead),
        },
        {
            action: "read",
            label: "Read",
            run: (notifications) => notifications.filter((notification) => notification.isRead),
        },
        {
            action: "snoozed",
            label: "Snoozed",
            run: (notifications) => notifications.filter((notification) => notification.isSnoozed),
        },
    ],
    active: "all",
};
/**
 * Wrapper around the actual NotificationCenterWindow class to set up the NotificationsContext context
 *
 * @param props
 * @constructor
 */
const NotificationCenterWrapper = (props) => {
    const params = { config: { notificationsHistory: { options: { pageSize: 10 } } } };
    const { title } = props;
    useTitle(title !== null && title !== void 0 ? title : "Notification Center");
    return (React.createElement(NotificationsCenterWindow, { ...props, getNotificationConfig: getNotificationConfig, getUIState: useNotificationUI, params: params }));
};
export const NotificationsCenter = NotificationCenterWrapper;
//# sourceMappingURL=NotificationsCenter.js.map