import type { Ref } from "react";
import type { LiveNotificationEntry } from "../core/NotificationEngineProps";
/** Density: desktop uses 32px buttons, phone 40px with 44px touch targets and a Back button. */
export type NotificationDetailVariant = "desktop" | "phone";
/** One entry in full: facts, the decision, and Open in, read and archive actions. Reads the nearest `NotificationCenterProvider`. */
export interface NotificationDetailProps {
    /** A live entry from `useNotificationCenter()`. */
    item: LiveNotificationEntry;
    /** Defaults to "desktop". */
    variant?: NotificationDetailVariant;
    /** Shows the Back button on phone. */
    onBack?: () => void;
    /** Ref to the focusable title, so opening an entry can move focus to it. */
    titleRef?: Ref<HTMLHeadingElement>;
}