import React from 'react';
import { useTranslation } from 'react-i18next';
import { Breadcrumbs } from '@nimles/react-web-components';
import { NavLink } from './Link';
const getParents = (productGroup, productGroups) => {
    let parents = [];
    if (!productGroup) {
        return parents;
    }
    if (productGroup.parentId) {
        const parent = productGroups.find((pg) => pg.id === productGroup.parentId);
        parents = getParents(parent, productGroups);
    }
    parents.push(productGroup);
    return parents;
};
export const ProductBreadcrumbs = ({ productGroup, productGroups }) => {
    const { t } = useTranslation();
    const breadcrumbs = productGroup &&
        productGroups && [
        {
            name: t('prop.home'),
            to: '/',
        },
        ...getParents(productGroup, productGroups).map((parent) => {
            const part = {
                name: parent.name,
                to: '/' + parent.uniqueName,
            };
            return part;
        }),
    ];
    return (<Breadcrumbs breadcrumbs={breadcrumbs} node={(name, to) => <NavLink to={to}>{name}</NavLink>}/>);
};
//# sourceMappingURL=ProductBreadcrumbs.jsx.map