import React from "react";

import { scaleW } from "../../../utils/helperMethods";
import useConvertThemeColor from "./useConvertThemeColor";

const SearchIcon = ({ iconType = "normal" }) => {
  const themeColor = useConvertThemeColor({iconType});
  return (
    <svg
      width={scaleW(48)}
      height={scaleW(48)}
      viewBox="0 0 45 45"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
    >
      <path
        d="M20.136 7.5c-6.959 0-12.6 5.683-12.6 12.692 0 7.008 5.641 12.691 12.6 12.691 6.958 0 12.6-5.683 12.6-12.691 0-7.009-5.642-12.692-12.6-12.692z"
        fill={themeColor}
        stroke={themeColor}
        strokeWidth="2.25"
        strokeMiterlimit="10"
      />
      <path
        d="m28.76 29.441 8.06 8.059"
        stroke={themeColor}
        strokeWidth="2.25"
        strokeMiterlimit="10"
        strokeLinecap="round"
      />
    </svg>
  );
};

export default SearchIcon;
