import React, { FC } from 'react';
import { Methods } from 'penpal';
import { BoxProps, UseRadioProps, FlexProps, HeadingProps, IconButtonProps } from '@chakra-ui/react';

interface IframedContentProps {
    src: string;
    getUserToken: () => Promise<string> | string;
    methods?: Methods;
}
declare const IframedContent: FC<IframedContentProps>;

declare const FullPageLoading: FC<BoxProps>;

type NotificationItemProps = {
    id: string;
    title: string;
    body?: string;
    icon?: string;
    senderIcon?: string;
    senderName?: string;
    createdAt: string;
    isUnread?: boolean;
    clickUrl?: string;
    onClick?: (id: string, clickUrl?: string) => void;
};
declare const NotificationItem: FC<NotificationItemProps>;

type NotificationsFilterProps = {};
declare const NotificationsFilter: FC<{
    name: string;
    onChange?: (nextValue: string) => void;
    value: string;
}>;
declare const NotificationsFilterItem: FC<UseRadioProps & {
    children?: React.ReactNode;
}>;

type NotificationsHeaderProps = {} & FlexProps;
declare const NotificationsHeader: FC<NotificationsHeaderProps>;
type NotificationsTitleProps = {} & HeadingProps;
declare const NotificationsTitle: FC<NotificationsTitleProps>;

interface NotificationsTriggerTheme {
    color?: string;
    bg?: string;
    activeColor?: string;
    activeBg?: string;
    hoverColor?: string;
    hoverBg?: string;
}
declare const defaultNotificationsTriggerTheme: NotificationsTriggerTheme;
type NotificationsTriggerProps = Omit<IconButtonProps, 'aria-label'> & {
    theme?: NotificationsTriggerTheme;
    isLoading?: boolean;
    unreadCount?: number;
};
declare const NotificationsMenuTrigger: React.ForwardRefExoticComponent<Omit<IconButtonProps, "aria-label"> & {
    theme?: NotificationsTriggerTheme | undefined;
    isLoading?: boolean | undefined;
    unreadCount?: number | undefined;
} & React.RefAttributes<HTMLButtonElement>>;

interface NotificationsPopoverProps {
    buttonTheme?: NotificationsTriggerTheme;
    unreadCount?: number;
    onNotificationClick?: (id: string, clickUrl?: string) => void;
    closeOnNotificationClick?: boolean;
    buttonComponent?: React.ReactNode;
}
declare const NotificationsPopover: FC<NotificationsPopoverProps>;

type WebpushSubscriberProps = {
    onSubscribe?: () => void;
};
declare const WebpushSubscriber: FC<WebpushSubscriberProps>;

interface SettingsProps {
}
declare const Settings: FC<SettingsProps>;

type HNSProviderProps = {
    serviceWorkerPath?: string;
    publicKey?: string;
    children?: React.ReactNode;
    getUserToken: () => Promise<string>;
};
type HNSContextResult = {
    isWebPushSubscribed: boolean;
    subscribeToWebPush: () => Promise<void>;
    serviceWorkerPath?: string;
    publicKey?: string;
    getUserToken: () => Promise<string>;
};
declare const HNSContext: React.Context<HNSContextResult>;
declare const HNSProviderInner: FC<HNSProviderProps>;
declare const HNSProvider: FC<HNSProviderProps>;
declare function useHNSContext(): HNSContextResult;

export { FullPageLoading, HNSContext, HNSContextResult, HNSProvider, HNSProviderInner, HNSProviderProps, IframedContent, IframedContentProps, NotificationItem, NotificationItemProps, NotificationsFilter, NotificationsFilterItem, NotificationsFilterProps, NotificationsHeader, NotificationsHeaderProps, NotificationsMenuTrigger, NotificationsPopover, NotificationsPopoverProps, NotificationsTitle, NotificationsTitleProps, NotificationsTriggerProps, NotificationsTriggerTheme, Settings, SettingsProps, WebpushSubscriber, WebpushSubscriberProps, defaultNotificationsTriggerTheme, useHNSContext };