import React from 'react';
import { IconDefinition } from '../../atoms/Icon';
export declare type MainMenuItemProps = {
    /**
     * The label to show on the menu item.
     */
    label: string;
    /**
     * Click handler.
     */
    onClick?: (event: React.MouseEvent<HTMLAnchorElement, MouseEvent>) => void;
    /**
     * An icon component to show before the label, or a string (from IconDefinition)
     * as shorthand to use the <Icon icon={props.icon} /> component.
     */
    icon?: JSX.Element | IconDefinition;
    /**
     * Whether this is the active menu element.
     */
    active?: boolean;
    /**
     * When this value is provided and `active` is true, this will be shown behind the label
     * for screen readers only. Typically `'current'` in English, `'aktiv'` in Norwegian.
     * E.g. `{label}<span className="sr-only"> ({screenReaderSuffixWhenActive})</span>`
     */
    screenReaderSuffixWhenActive?: string;
};
export declare const MainMenuItem: React.FC<MainMenuItemProps>;