import { IEmojiIcon } from '@vev/utils';
import React, { ReactNode } from 'react';
import { BoxButtonProps, BoxLinkProps } from '../silke-box';
import { SilkeIcons } from '../silke-icon';
import { SilkeColor } from '../../silke-theme-provider';
import { SilkeContextMenuItems } from '../silke-context-menu';
type SilkeNavigationLinkProps = {
    active?: boolean;
    icon?: IEmojiIcon | SilkeIcons | React.ReactElement;
    label: ReactNode;
    subLabel?: string;
    linkClassName?: string;
    draggable?: boolean;
    color?: SilkeColor;
    items?: React.ReactElement[];
    menu?: SilkeContextMenuItems;
    /**
     * Buttons/icons shown only on hover
     */
    rightButtons?: ReactNode;
    expanded?: boolean;
} & (({
    link: string;
} & Omit<BoxLinkProps, 'to' | 'tag' | 'link'>) | ({
    link?: undefined;
} & Omit<BoxButtonProps, 'tag' | 'type'>));
export declare const SilkeNavigationLink: React.ForwardRefExoticComponent<SilkeNavigationLinkProps & React.RefAttributes<HTMLDivElement>>;
export {};