@magicbell/magicbell-react
Version:
React components for building a notification inbox for your app
20 lines (19 loc) • 1.09 kB
TypeScript
/** @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;