import React from 'react';
import type { ThemeVars } from '@coinbase/cds-common/core/theme';
import { type IconProps } from '../icons';
import type { TooltipBaseProps } from '../overlays/tooltip/TooltipProps';
import {
  type PressableBaseProps,
  type PressableDefaultElement,
  type PressableProps,
} from '../system/Pressable';
type CustomSidebarItemProps = {
  isCollapsed?: boolean;
  color: ThemeVars.Color;
  title: string;
  active?: boolean;
  icon: IconProps['name'];
};
type ManagedPressableProps = Pick<
  PressableProps<PressableDefaultElement>,
  'background' | 'width' | 'transparentWhileInactive' | 'className' | 'borderWidth'
>;
export type SidebarItemBaseProps = Pick<TooltipBaseProps, 'disablePortal'> &
  Omit<PressableBaseProps, keyof ManagedPressableProps> & {
    /**
     * The Navigation Icon this item represents
     * @default undefined
     */
    icon: IconProps['name'];
    /**
     * The title of the page this item represents
     * @default undefined
     */
    title: string;
    /**
     * Use collapsed to show only the logo
     * @default false
     */
    collapsed?: boolean;
    /**
     * Use the active prop to identify the current page
     * @default false
     */
    active?: boolean;
    /** Label or content to display when Sidebar is collapsed and sidebar more menu is hovered */
    tooltipContent?: React.ReactNode;
    /**
     * Optional presentational component to render for the SidebarItem.
     * By default, the SidebarItem will render as a row with an Icon and Headline Text element
     *
     * The component must implement the CustomSidebarItemProps props interface
     */
    Component?: React.ElementType<CustomSidebarItemProps>;
  };
export type SidebarItemProps = SidebarItemBaseProps &
  Omit<PressableProps<PressableDefaultElement>, keyof ManagedPressableProps>;
export declare const SidebarItem: React.MemoExoticComponent<
  React.ForwardRefExoticComponent<
    Omit<SidebarItemProps, 'ref'> & React.RefAttributes<HTMLButtonElement>
  >
>;
export {};
//# sourceMappingURL=SidebarItem.d.ts.map