frontend/app/components/SelectInput.js

import Label from "./Label";

export const SelectInput = ({ label, fieldProps, ...props }) => (
  <div className="relative">
    {label && <Label>{label}</Label>}
    <div className="relative rounded-lg shadow-sm">
      <select
        {...props}
        className="block w-full rounded-lg border-0 py-1.5 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-indigo-600 sm:text-sm sm:leading-6"
      />
    </div>
  </div>
);

export default SelectInput;