import { ReactNode } from 'react'

import { BoxProps } from '../box'
import { SystemProps } from '../system'
import { ThemingProps } from '../theme'

export type BreadcrumbsProps = SystemProps & ThemingProps<'Breadcrumbs'>

export type BreadcrumbsItemProps = BoxProps & {
  /** Custom class name */
  className?: string
  /** Content */
  children?: ReactNode
}

export type BreadcrumbsSeparatorProps = BoxProps & {
  /** Custom class name */
  className?: string
  /** Content */
  children?: ReactNode
  /** Alternative way to provide content */
  content?: ReactNode
}
