import type { ComponentType, ReactNode } from 'react'

export interface SideNavItemProps {
  children?: ReactNode
  label?: string
  href?: string
  onPress?: () => void
  id?: string
  tokens?: Record<string, string | number | boolean | object>
}

export interface SideNavItemsGroupProps {
  children?: ReactNode
  label: string
  groupId?: string
  onToggle?: () => void
  openGroups?: Array<string | number>
  isActive?: boolean
  variant?: Record<string, string | number | boolean | undefined>
  tokens?: Record<string, string | number | boolean | object>
}

export interface SideNavProps {
  children?: ReactNode
  tokens?: Record<string, string | number | boolean | object>
  variant?: Record<string, string | number | boolean | undefined>
  openGroups?: Array<string | number>
  onToggle?: (groupId: string) => void
  testID?: string
  dataSet?: Record<string, any>
}

declare const SideNav: ComponentType<SideNavProps> & {
  ItemsGroup: ComponentType<SideNavItemsGroupProps>
  Item: ComponentType<SideNavItemProps>
}

export { SideNav }