import { FormControl, InputLabel, MenuItem, Select } from '@mui/material';

const ProductType = ({ productType, handleProductTypeChange }) => {
  return (
    <>
      <FormControl sx={{ width: '200px' }}>
        <InputLabel id="product-type-label">Product Type</InputLabel>
        <Select
          label="Product Type"
          labelId="product-type-label"
          id="product-type-label"
          value={productType}
          onChange={handleProductTypeChange}
        >
          <MenuItem value="asc">Name - A-Z</MenuItem>
          <MenuItem value="desc">Name - Z-A</MenuItem>
        </Select>
      </FormControl>
    </>
  );
};

export default ProductType;
