'use client';
import { Breadcrumb } from "flowbite-react"
import { HiHome } from "react-icons/hi"
import Link from "next/link";

type Breadcrumb = {
    name:string,
    link:string
}

export default function BreadcrumbItems({items}:{items:Breadcrumb[]}){
    return(
        <>
            <Breadcrumb className="mb-4">
              <Breadcrumb.Item href="/" >
                <div className="flex items-center gap-x-3">
                  <HiHome className="text-xl"/>
                  <span className="dark:text-white">Home</span>
                </div>
              </Breadcrumb.Item>
              {items?.map((item:any, index) =>(
                  <Breadcrumb.Item href={item.link} key={index}>
                    {item.name}
                 </Breadcrumb.Item>
              ))}
            </Breadcrumb>
        </>
    )
}