@stanfordspezi/spezi-web-design-system/dist/src/molecules/Notifications/NotificationRoot.d.ts

Stanford Biodesign Digital Health Spezi Web Design System

import { ComponentProps } from 'react';
import { AsChildProp } from '../../utils/misc';
import { NotificationContextType as NotificationType } from './NotificationContext';
export interface NotificationRootProps extends ComponentProps<"article"> {
    notification: NotificationType;
    asChild?: AsChildProp;
}
/**
 * Root component for notifications that provides context and styling.
 *
 * Renders a notification article element with consistent styling and layout.
 * Can render as a custom component when asChild is true.
 * Provides notification context to child components.
 *
 * @example
 * ```ts
 * // Basic notification root
 * <NotificationRoot notification={{ isRead: false }}>
 *   <NotificationContent />
 * </NotificationRoot>
 * ```
 */
export declare const NotificationRoot: ({ notification, className, asChild, ...props }: NotificationRootProps) => import("react").JSX.Element;