import { FormControl, Grid } from "@mui/material"; import PropTypes from "prop-types"; import Input from "../common/Input"; import SingleSelect from "../common/SingleSelect"; import InputAdornment from '@mui/material/InputAdornment'; // const FoodNutrients = [ // { // name: "carbohydrate", // // value: "Carbohydrate", // label: "Enter the name of nutrient", // }, // { // name: "protein", // // value: "Protein", // label: "Enter the name of nutrient", // }, // { // name: "protein", // // value: "Protein", // label: "Enter the name of nutrient", // }, // { // name: "protein", // // value: "Protein", // label: "Enter the name of nutrient", // }, // { // name: "protein", // // value: "Protein", // label: "Enter the name of nutrient", // }, // { // name: "protein", // // value: "Protein", // label: "Enter the name of nutrient", // }, // { // name: "protein", // // value: "Protein", // label: "Enter the name of nutrient", // }, // { // name: "protein", // // value: "Protein", // label: "Enter the name of nutrient", // }, // ]; const FoodNutritionMappingForm = ({ // FoodNutrients, nutrient, foodname, values, unitpair, touched, handleBlur, errors, handleChange, handleSubmit, setFieldValue, }) => { FoodNutritionMappingForm.propTypes = { values: PropTypes.object.isRequired, touched: PropTypes.object.isRequired, errors: PropTypes.object.isRequired, handleBlur: PropTypes.func.isRequired, handleChange: PropTypes.func.isRequired, setFieldValue: PropTypes.func.isRequired, handleSubmit: PropTypes.func.isRequired, }; console.log("nnnnnnnnnnnnnnn",unitpair) return (