import * as React from 'react';
import { IconId, IconProps } from '../icon/Icon';
import { SxProps } from '@mui/material';
export type NavbarButtonProps = {
    /**
     * The iconId of this item
     */
    iconId: IconId;
    /**
     * The URL of the image resource to use instead of iconId. If this is set iconId is ignored
     */
    srcUrl?: string;
    /**
     * Whether the button is active or not.
     */
    isActive?: boolean;
    /**
     * Click event handler
     */
    onClick?: React.MouseEventHandler<HTMLButtonElement>;
    /**
     * Styles to be applied to this button
     */
    sx?: SxProps;
    /**
     * Badge component to be positioned at the bottom-right corner
     */
    badgeIconProps?: IconProps;
    /**
     * Set a border in navbar button. false by default.
     */
    highlighted?: boolean;
};
/**
 * The usual entry to be displayed in a Navbar component. Use the `isActive`
 * state to true when the user is in a view represented by this button
 */
declare const NavbarButton: React.ForwardRefExoticComponent<NavbarButtonProps & React.RefAttributes<HTMLButtonElement>>;
export default NavbarButton;
