import type { ReactNode } from "react";
import type { GestureResponderEvent } from "react-native";
import type { AccentScopeProps } from "../containers/AccentScope";
import type { SVGIconElement } from "../primitives/Icon";
export interface SidebarNavItemProps {
    /**
     * Destination, matched against the SidebarNav's value to mark the item
     * current. Renders a real `<a href>` on web (native ignores it); expo
     * Router's `<Link asChild>` injects it, so it does not have to be written
     * twice.
     */
    href?: string;
    label: string;
    icon?: SVGIconElement;
    /**
     * Replaces `icon` while the item is hovered, focused or pressed, and for as
     * long as it is the current destination — a duotone twin of `icon`, usually.
     */
    activeIcon?: SVGIconElement;
    /** Accent tinting `activeIcon`, so the glyph changes color as well as weight. */
    activeAccent?: AccentScopeProps["accent"];
    disabled?: boolean;
    /**
     * Handles the press instead of the group's `onValueChange` — this is what
     * `<Link asChild>` injects. A SidebarNav whose items carry `onPress` must be
     * controlled: its internal value never updates. A handler that navigates on
     * web must call `event.preventDefault()`, as routers do.
     */
    onPress?: (event: GestureResponderEvent) => void;
}
export declare function SidebarNavItem({ href, label, icon, activeIcon, activeAccent, disabled, onPress, }: SidebarNavItemProps): ReactNode;
//# sourceMappingURL=SidebarNavItem.d.ts.map