import { ReactNode } from 'react';
type NotificationsBarWrapProps = {
    renderRecents?: () => ReactNode | string | JSX.Element | JSX.Element[];
    renderOlds?: () => ReactNode | string | JSX.Element | JSX.Element[];
    'data-testid'?: string;
};
type NotificationsBarListProps = {
    title: string;
    dataSource: NotificationBarListDataProps[];
    renderItem: (item: NotificationBarListDataProps, idx?: number) => ReactNode | string | JSX.Element | JSX.Element[];
    'data-testid'?: string;
};
type NotificationBarListDataProps = {
    title: string;
    Icon?: ReactNode | string | JSX.Element | JSX.Element[];
    onClick: () => void;
    onDelete?: () => void;
    createdAt?: string;
};
type NotificationsBarLinkProps = {
    title: string;
    onClick: () => void;
    onDelete?: () => void;
    Icon?: ReactNode | string | JSX.Element | JSX.Element[];
    createdAt?: string;
    isUnread?: boolean;
    'data-testid'?: string;
};
export declare const NotificationsBarWrap: ({ renderRecents, renderOlds, "data-testid": dataTestId, }: NotificationsBarWrapProps) => import("react/jsx-runtime").JSX.Element;
export declare const NotificationsBarList: ({ title, dataSource, renderItem, "data-testid": dataTestId, }: NotificationsBarListProps) => import("react/jsx-runtime").JSX.Element;
export declare const NotificationsBarLink: ({ Icon, onClick, title, createdAt, onDelete, isUnread, "data-testid": dataTestId, }: NotificationsBarLinkProps) => import("react/jsx-runtime").JSX.Element;
declare const components: {
    Root: ({ renderRecents, renderOlds, "data-testid": dataTestId, }: NotificationsBarWrapProps) => import("react/jsx-runtime").JSX.Element;
    List: ({ title, dataSource, renderItem, "data-testid": dataTestId, }: NotificationsBarListProps) => import("react/jsx-runtime").JSX.Element;
    Link: ({ Icon, onClick, title, createdAt, onDelete, isUnread, "data-testid": dataTestId, }: NotificationsBarLinkProps) => import("react/jsx-runtime").JSX.Element;
};
export { components as NotificationsBar };