import type { ComponentType, ElementType } from 'react'
import type { HTMLAttrs } from './common'

export interface NavigationBarNestedItem {
  label: string
  href?: string
  id: string
  onClick?: () => void
  selected?: boolean
  LinkRouter?: ElementType
  linkRouterProps?: Record<string, any>
}

export interface NavigationBarItem extends NavigationBarNestedItem {
  items?: NavigationBarNestedItem[]
}

export interface NavigationBarProps extends HTMLAttrs {
  items: NavigationBarItem[]
  LinkRouter?: ElementType
  linkRouterProps?: Record<string, any>
  tokens?: Record<string, any>
  variant?: Record<string, string | number | boolean | undefined>
}

export declare const NavigationBar: ComponentType<NavigationBarProps>