import { iconVariants } from "./variants"

import type { IconProps } from "@/types/components/icon"

export default function ElectricBikeIcon({
  className,
  color,
  ...props
}: IconProps) {
  const classNames = iconVariants({ className, color })
  return (
    <svg
      className={classNames}
      xmlns="http://www.w3.org/2000/svg"
      width="24"
      height="24"
      viewBox="0 0 24 24"
      fill="none"
      {...props}
    >
      <mask
        id="mask0_554_11973"
        style={{ maskType: "alpha" }}
        maskUnits="userSpaceOnUse"
        x="0"
        y="0"
        width="24"
        height="24"
      >
        <rect width="24" height="24" fill="#D9D9D9" />
      </mask>
      <g mask="url(#mask0_554_11973)">
        <path
          d="M5.125 16.875C3.75 16.875 2.59375 16.4062 1.65625 15.4687C0.71875 14.5312 0.25 13.375 0.25 12C0.25 10.625 0.72775 9.46453 1.68325 8.5187C2.63875 7.57287 3.79433 7.09995 5.15 7.09995C6.35833 7.09995 7.39792 7.47912 8.26875 8.23745C9.13958 8.99578 9.68333 9.93328 9.9 11.05H10.65L8.85 6.02495H8.0625C7.80417 6.02495 7.58333 5.93328 7.4 5.74995C7.21667 5.56662 7.125 5.34578 7.125 5.08745C7.125 4.82912 7.21667 4.60828 7.4 4.42495C7.58333 4.24162 7.80417 4.14995 8.0625 4.14995H11.0375C11.2958 4.14995 11.5167 4.24162 11.7 4.42495C11.8833 4.60828 11.975 4.82912 11.975 5.08745C11.975 5.34578 11.8833 5.56662 11.7 5.74995C11.5167 5.93328 11.2958 6.02495 11.0375 6.02495H10.85L11.225 7.09995H16.075L14.6 3.07495H12.9875C12.7292 3.07495 12.5083 2.98328 12.325 2.79995C12.1417 2.61662 12.05 2.39578 12.05 2.13745C12.05 1.87912 12.1417 1.65828 12.325 1.47495C12.5083 1.29162 12.7292 1.19995 12.9875 1.19995H14.575C14.9922 1.19995 15.3652 1.31037 15.6941 1.5312C16.023 1.75203 16.2583 2.05828 16.4 2.44995L18.075 7.07495H18.9C20.2487 7.07495 21.3984 7.55043 22.3491 8.5014C23.2997 9.45237 23.775 10.6025 23.775 11.9517C23.775 13.3172 23.3021 14.4791 22.3563 15.4375C21.4104 16.3958 20.2563 16.875 18.8938 16.875C17.7259 16.875 16.7 16.5046 15.816 15.764C14.932 15.0234 14.3683 14.077 14.125 12.925H9.9C9.68333 14.0666 9.13489 15.0104 8.25468 15.7562C7.37446 16.502 6.33123 16.875 5.125 16.875ZM5.125 15C5.80833 15 6.4 14.8062 6.9 14.4187C7.4 14.0312 7.75 13.5333 7.95 12.925H6.1125C5.85417 12.925 5.63333 12.8333 5.45 12.65C5.26667 12.4666 5.175 12.2458 5.175 11.9875C5.175 11.7291 5.26667 11.5083 5.45 11.325C5.63333 11.1416 5.85417 11.05 6.1125 11.05H7.95C7.75 10.425 7.4 9.92703 6.9 9.5562C6.4 9.18537 5.80833 8.99995 5.125 8.99995C4.275 8.99995 3.5625 9.28745 2.9875 9.86245C2.4125 10.4375 2.125 11.15 2.125 12C2.125 12.8416 2.4125 13.552 2.9875 14.1312C3.5625 14.7104 4.275 15 5.125 15ZM12.6747 11.05H14.1209C14.207 10.6666 14.3271 10.2958 14.4812 9.93745C14.6354 9.57912 14.8417 9.25828 15.1 8.97495H11.9L12.6747 11.05ZM18.9 15C19.75 15 20.4625 14.7104 21.0375 14.1312C21.6125 13.552 21.9 12.8416 21.9 12C21.9 11.15 21.6125 10.4375 21.0375 9.86245C20.4625 9.28745 19.75 8.99995 18.9 8.99995H18.75L19.4 10.75C19.4917 11 19.4831 11.2389 19.3742 11.4667C19.2653 11.6946 19.0864 11.8557 18.8375 11.95C18.5875 12.0416 18.3462 12.033 18.1136 11.9241C17.8809 11.8152 17.7181 11.6363 17.625 11.3875L17 9.64995C16.6417 9.93328 16.3688 10.275 16.1813 10.675C15.9938 11.075 15.9 11.5182 15.9 12.0046C15.9 12.8432 16.1875 13.552 16.7625 14.1312C17.3375 14.7104 18.05 15 18.9 15ZM12.975 20.85V22.05C12.975 22.2213 12.9021 22.3538 12.7563 22.4472C12.6104 22.5407 12.4583 22.5458 12.3 22.4625L8.0375 20.325C7.92917 20.2666 7.88693 20.177 7.9108 20.0562C7.93467 19.9354 8.01023 19.875 8.1375 19.875H11.05V18.675C11.05 18.5036 11.1229 18.3711 11.2688 18.2777C11.4146 18.1842 11.5667 18.1791 11.725 18.2625L15.9875 20.4C16.0958 20.4583 16.1381 20.5479 16.1142 20.6687C16.0903 20.7895 16.0148 20.85 15.8875 20.85H12.975Z"
          fill="#4D001B"
        />
      </g>
    </svg>
  )
}
