/** @jsxImportSource @emotion/react */
import { INotification } from '@magicbell/react-headless';
import { ReactElement } from 'react';
import { HeaderTabsProps } from '../../Header/HeaderTabs.js';
import { ListItemProps } from '../../NotificationList/index.js';
import { NotificationInboxProps, SetViewHandler } from '../NotificationInbox.js';
export type NotificationsViewProps = {
    storeId?: string;
    notificationPreferencesEnabled?: boolean;
    setView: SetViewHandler;
    layout: NonNullable<NotificationInboxProps['layout']>;
    height?: number;
    onAllRead?: () => void;
    NotificationItem?: (props: ListItemProps) => ReactElement;
    EmptyInboxPlaceholder?: () => ReactElement;
    onNotificationClick?: (notification: INotification) => void | boolean;
    tabs?: HeaderTabsProps['tabsConfig'];
};
export default function NotificationsView({ layout, storeId, onNotificationClick, onAllRead, notificationPreferencesEnabled, NotificationItem, EmptyInboxPlaceholder, setView, tabs: tabsConfig, }: NotificationsViewProps): import("@emotion/react/jsx-runtime").JSX.Element;