import type { FC } from 'react';
import React from 'react';
import ProductBasicsBlockField from './productBasicsBlockField';
import type { ProductField } from 'src/product/fields/field';

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

const ProductBasicsBlockWrappedField: FC<Props> = ({ fieldName, field }) => (
    <div
        key={`ProductBasicsBlock-item-${fieldName}`}
        className="productInfoField"
    >
        <ProductBasicsBlockField fieldName={fieldName} field={field} />
    </div>
);

export default ProductBasicsBlockWrappedField;