import type { FC } from 'react';
import React from 'react';
import SectionTitle from '../sectionTitle';
import ProductContributors from './components/productContributors';
import TrackContributorsBlock from './components/trackContributorsBlock/trackContributorsBlock';
import type { MergedProduct } from 'src/product/product';

export const CLASS_NAME = 'ContributorsBlock';

interface Props {
    product: MergedProduct;
}

const ContributorsBlock: FC<Props> = ({ product }) => {
    return (
        <div className={CLASS_NAME} data-testid={CLASS_NAME}>
            <SectionTitle
                title={$t(`contentReview.contributors.contributors`)}
                productId={product.basics.productId}
                section="Contributors"
                isRevision={product.isRevision}
            />
            <ProductContributors product={product} />
            <TrackContributorsBlock product={product} />
        </div>
    );
};
export default ContributorsBlock;