import { clsx } from "clsx";

import { useSelector } from "react-redux";

const Transfer = function () {
  let error = [];

  const handleInputChange = (
    event: React.KeyboardEvent<HTMLInputElement>,
  ) => {};

  const handleKeyPress = (event: KeyboardEvent<HTMLInputElement>) => {};

  const handleSubmit = (e) => {
    e.preventDefault();
    console.log("Form submitted successfully!");
  };

  return (
    <div className="px-6 my-6">
      <h2
        className="
                    bg-red-500 rounded py-2
                    text-white text-2xl font-semibold text-center"
      >
        Transfer Required
      </h2>
      <p
        className="
                    py-4
                    text-zinc-500 text-2xl font-semibold text-center"
      >
        James Billings is finished 😭 Just Kidding!!!
      </p>

      <input
        type="text"
        id="text-entry-input"
        aria-describedby=""
        // defaultValue={answer?.values.length ? answer?.values[0] : ""}
        // onKeyUp={handleInputChange}
        // onKeyDown={handleKeyPress} // Use onKeyDown to listen for the key press
        // title={error ? answer?.error_msg : ""}
        className={clsx("w-full border-1 rounded px-2 py-1")}
      />
    </div>
  );
};

export default Transfer;