import React from "react";

import { convertThemeColor } from "./convertThemeColor";

const OnSaleIcon = ({ iconType = "normal" }) => {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" width="48" height="48">
      <path opacity=".302" fill="none" d="M0 0h48v48H0V0z" />
      <path
        fill-rule="evenodd"
        fill={convertThemeColor(iconType)}
        d="M24 42.999c10.493 0 19.001-8.506 19.001-19.899C43.001 13.506 34.493 5 24 5 13.507 5 5 13.506 5 23.1c0 11.393 8.507 19.899 19 19.899zm-6.147-22.351a2.795 2.795 0 1 0 0-5.588 2.795 2.795 0 0 0 0 5.588zm14.038-2.168a1.676 1.676 0 1 0-2.37-2.371L16.109 29.52a1.676 1.676 0 1 0 2.37 2.371L31.891 18.48zm1.051 11.667a2.794 2.794 0 1 1-5.589-.003 2.794 2.794 0 0 1 5.589.003z"
      />
    </svg>
  );
};

export default OnSaleIcon;
