import SearchableSelect from "@/components/ui/SearchableSelect";
import Modal from "./Model";

interface AssetTypeModalProps {
  isOpen: boolean;
  onClose: () => void;
}

export default function AssetTypeModal({ isOpen, onClose }: AssetTypeModalProps) {
  return (
    <Modal
      isOpen={isOpen}
      title="Add Asset Type"
      onClose={onClose}
      footer={
        <>
          <button
            onClick={onClose}
            className="rounded-md border px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 transition"
          >
            Cancel
          </button>
          <button className="rounded-md bg-[#428B4D] px-4 py-2 text-sm font-medium text-white hover:bg-[#35703E] transition">
            Save
          </button>
        </>
      }
    >
      <div className="space-y-4">
      <div>
          <label className="mb-1 block text-sm font-medium text-gray-700">
            Code
          </label>
          <input
            type="text"
            placeholder="Enter code"
            className="w-full rounded-md border border-gray-300 px-3 py-2 text-sm
                       focus:border-[#428B4D] focus:outline-none focus:ring-2 focus:ring-[#428B4D]/20"
          />
        </div>
        <div>
          <label className="mb-1 block text-sm font-medium text-gray-700">
            Bank name
          </label>
          <input
            type="text"
            placeholder="Enter bank name"
            className="w-full rounded-md border border-gray-300 px-3 py-2 text-sm
                       focus:border-[#428B4D] focus:outline-none focus:ring-2 focus:ring-[#428B4D]/20"
          />
        </div>
      </div>
    </Modal>
  );
}