import { Link } from 'react-router'

// use slog or handel get by url
interface BreadcrumbProperty {
  slug: string
}

const Breadcrumb = (property: BreadcrumbProperty) => {
  const { slug } = property
  return (
    <div className="flex items-center gap-2">
      <Link to={'#'}>Blog</Link>
      <div>{'>'}</div>
      <Link
        to={'#'}
        className="text-ellipsis md:text-clip ..."
      >
        {slug}
      </Link>
    </div>
  )
}

export default Breadcrumb
