import React, { FC, ReactNode } from 'react'

import { joinStrings } from '../../utils'

import './breadcrumb.css'

type BreadcrumbProps = {
  className?: string,
  children: ReactNode,
  [other:string]: unknown
}

const Breadcrumb: FC<BreadcrumbProps> = ({
  className,
  children,
  ...other
}: BreadcrumbProps) => {
  const classList = className
    ? joinStrings(' ', className, 'breadcrumb')
    : 'breadcrumb'
  
  return (
    <div className={classList}>
      {children}
    </div>
  )
}

export default Breadcrumb