import searchIcon from "../../../../public/imgaes/search-svgrepo-com.svg";
import styles from "./Input.module.css";
export default function Input({ label, placeholder }: any) {
  return (
    <>
      {label && <div>{label}</div>}
      <div className={styles.inputWrapper}>
        <div className={styles.svgWrapper}>
          <svg
            width="20px"
            height="15px"
            viewBox="0 0 24 24"
            fill="none"
            xmlns="http://www.w3.org/2000/svg"
          >
            <g id="SVGRepo_bgCarrier" strokeWidth="0"></g>
            <g
              id="SVGRepo_tracerCarrier"
              strokeLinecap="round"
              strokeLinejoin="round"
              stroke="#CCCCCC"
              strokeWidth="0.384"
            ></g>
            <g id="SVGRepo_iconCarrier">
              {" "}
              <path
                d="M15.7955 15.8111L21 21M18 10.5C18 14.6421 14.6421 18 10.5 18C6.35786 18 3 14.6421 3 10.5C3 6.35786 6.35786 3 10.5 3C14.6421 3 18 6.35786 18 10.5Z"
                stroke="#787373"
                strokeWidth="2"
                strokeLinecap="round"
                strokeLinejoin="round"
              ></path>{" "}
            </g>
          </svg>
        </div>
        <input
          className={styles.input}
          name="input"
          placeholder={placeholder}
        />
      </div>
    </>
  );
}
