<MenuItem
      value={placeholder}
      disabled
      sx={{
        fontSize: { xs: "10px", sm: "12px", md: "14px", lg: "16px" },
        color: "#ADADAD",
        height: 0,
        visibility: "hidden",
        p: 0,
        minHeight: 0,
      }}
    >
      {placeholder}
    </MenuItem>
    {options.map((option) => (
      <MenuItem
        key={option}
        value={option}
        sx={{
          minHeight: "1rem",
          fontSize: { xs: "10px", sm: "12px", md: "14px", lg: "16px" },
        }}
      >
        {option}
      </MenuItem>
    ))}