CoreControl/components/Breadcrumbs.tsx

interface BreadcrumbsProps {
    breadcrumbPath?: string[];
}

export default function Breadcrumbs({ breadcrumbPath = ['Home'] }: BreadcrumbsProps) {
    return(
        <div className="w-full">
            <div className="breadcrumbs text-sm">
                <ul className="pl-4 pt-4">
                    {breadcrumbPath.map((item, index) => (
                        <li key={index}>
                            {index < breadcrumbPath.length - 1 ? (
                                <a>{item}</a>
                            ) : (
                                item
                            )}
                        </li>
                    ))}
                </ul>
                <div className="divider"></div>
            </div>
        </div>
    )
}