
import { PersistentNotificationItem } from "./types.js";
import { Key } from "react";

//#region src/components/overlays/Notifications/use-persistent-notifications.d.ts
/**
 * Hook to access the persistent notifications list.
 *
 * Items are ordered newest first (by `createdAt`, descending).
 *
 * @example
 * ```tsx
 * const { items, count, remove, clear } = usePersistentNotifications();
 *
 * return (
 *   <div>
 *     <span>Notifications ({count})</span>
 *     {items.map(item => (
 *       <div key={item.id}>
 *         {item.title}
 *         <button onClick={() => remove(item.id)}>Remove</button>
 *       </div>
 *     ))}
 *     <button onClick={clear}>Clear all</button>
 *   </div>
 * );
 * ```
 */
declare function usePersistentNotifications(): {
  items: PersistentNotificationItem[];
  count: number;
  remove: (id: Key) => void;
  clear: () => void;
  markAllAsRead: () => void;
};
/**
 * Hook to get total and unread counts for persistent notifications.
 *
 * - `total` — number of items in the persistent list.
 * - `unread` — items that haven't been seen in `PersistentNotificationsList` yet.
 *
 * @example
 * ```tsx
 * const { total, unread } = useNotificationsCount();
 * return <Badge count={unread} />;
 * ```
 */
declare function useNotificationsCount(): {
  total: number;
  unread: number;
};
//#endregion
export { useNotificationsCount, usePersistentNotifications };
//# sourceMappingURL=use-persistent-notifications.d.ts.map