import { iconVariants } from "./variants"

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

export default function ParkingIcon({ className, color, ...props }: IconProps) {
  const classNames = iconVariants({ className, color })
  return (
    <svg
      className={classNames}
      fill="none"
      height="24"
      viewBox="0 0 24 24"
      width="24"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <mask
        id="mask0_554_11891"
        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_11891)">
        <path
          d="M9.94995 14.9V18.875C9.94995 19.3906 9.76625 19.832 9.39885 20.1992C9.03143 20.5664 8.58977 20.75 8.07385 20.75C7.55792 20.75 7.11662 20.5664 6.74995 20.1992C6.38328 19.832 6.19995 19.3906 6.19995 18.875V5.125C6.19995 4.60937 6.38354 4.16796 6.75073 3.80078C7.11791 3.43359 7.55932 3.25 8.07495 3.25H13C14.6 3.25 15.9666 3.82083 17.1 4.9625C18.2333 6.10417 18.8 7.475 18.8 9.075C18.8 10.675 18.2333 12.0458 17.1 13.1875C15.9666 14.3292 14.6 14.9 13 14.9H9.94995ZM9.94995 11.15H13.075C13.6456 11.15 14.1341 10.9468 14.5404 10.5405C14.9468 10.1341 15.15 9.64562 15.15 9.075C15.15 8.50438 14.9468 8.01589 14.5404 7.60952C14.1341 7.20317 13.6456 7 13.075 7H9.94995V11.15Z"
          fill="#4D001B"
        />
      </g>
    </svg>
  )
}
