'use client';

import React from 'react';
import { Breadcrumb as AntBreadcrumb } from 'antd';
import Link from 'next/link';

interface BreadcrumbItem {
    title: string | React.ReactNode;
    href?: string;
}

interface BreadcrumbProps {
    items: BreadcrumbItem[];
}

export default function Breadcrumb({ items }: BreadcrumbProps) {
    const breadcrumbItems = [
        {
            title: <Link href="/dashboard">Início</Link>,
        },
        ...items.map((item) => ({
            title: item.href ? <Link href={item.href}>{item.title}</Link> : item.title,
        })),
    ];

    return <AntBreadcrumb items={breadcrumbItems} style={{ marginBottom: 16 }} />;
}