import type { FC } from 'react';
import React from 'react';
import AnnotatedField from 'src/components/revision/annotatedField';
import type { ProductField } from 'src/product/fields/field';

interface Props {
    field: ProductField<string | number>;
    trackingFieldName: string;
}

const ProductTracksCellData: FC<Props> = ({ field, trackingFieldName }) => (
    <AnnotatedField
        field={field}
        trackHoverEventValue={`Track ${trackingFieldName}`}
    />
);

export default ProductTracksCellData;