import React from "react";
import { scaleW } from "../../../utils/helperMethods";
import { convertThemeColor } from "./convertThemeColor";

const HotPicksIcon = ({ iconType = "normal" }) => {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" width={scaleW(48)} height={scaleW(48)} viewBox="0 0 48 48">
      <path
        fillRule="evenodd"
        fill={convertThemeColor(iconType)}
        d="M22.723 42.112a2.016 2.016 0 0 1-2.852 0L5.614 27.856a2.018 2.018 0 0 1 0-2.852l19.962-19.96 15.695 1.44 1.413 15.669-19.961 19.959zm10.762-27.866a3.78 3.78 0 0 0-5.344 5.345 3.78 3.78 0 0 0 5.344-5.345z"
      />
      <path opacity=".302" fill="none" d="M0 0h48v47.1H0V0z" />
    </svg>
  );
};

export default HotPicksIcon;
