import type { ComponentPropsWithoutRef, ReactNode } from 'react';
/**
 * One tile of an icon rail: the icon in its hover tile, a 9px label
 * under it (Peek's NavItem, 2026-09-02, verbatim — minus the router).
 *
 * The original computed its own active state from the route and rendered
 * a router link; neither belongs in a shared component. This one takes
 * `active` and renders an anchor — a router app keeps a thin wrapper
 * that does its own matching and intercepts the click.
 *
 * Active is `bg-selected` on the tile — some themes also give the icon
 * their interactive colour.
 */
export interface RailItemProps extends Omit<ComponentPropsWithoutRef<'a'>, 'href'> {
    href: string;
    /** 16px, stroke 1.5. */
    icon: ReactNode;
    label: string;
    active?: boolean;
    className?: string;
}
export declare function RailItem({ href, icon, label, active, className, onClick, ...props }: RailItemProps): import("react").JSX.Element;
//# sourceMappingURL=RailItem.d.ts.map