import { iconVariants } from "./variants"

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

export default function BookingCodeIcon({
  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}
    >
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M12.6734 2.27895C12.3015 1.90702 11.6985 1.90702 11.3266 2.27895L8.89123 4.71429H5.66667C5.14068 4.71429 4.71428 5.14068 4.71428 5.66667V8.89123L2.27895 11.3266C1.90702 11.6985 1.90702 12.3015 2.27895 12.6734L4.71428 15.1088V18.3333C4.71428 18.8593 5.14068 19.2857 5.66667 19.2857H8.89122L11.3266 21.7211C11.6985 22.093 12.3015 22.093 12.6734 21.7211L15.1088 19.2857H18.3333C18.8593 19.2857 19.2857 18.8593 19.2857 18.3333V15.1088L21.7211 12.6734C22.093 12.3015 22.093 11.6985 21.7211 11.3266L19.2857 8.89122V5.66667C19.2857 5.14068 18.8593 4.71429 18.3333 4.71429H15.1088L12.6734 2.27895ZM15.6957 8.30441C16.1014 8.71015 16.1014 9.36798 15.6957 9.77372L9.77363 15.6958C9.36789 16.1015 8.71006 16.1015 8.30432 15.6958C7.89858 15.2901 7.89858 14.6322 8.30432 14.2265L14.2264 8.30441C14.6321 7.89867 15.29 7.89867 15.6957 8.30441ZM9.53248 11.0131C10.3502 11.0131 11.013 10.3502 11.013 9.53257C11.013 8.7149 10.3502 8.05205 9.53248 8.05205C8.71481 8.05205 8.05196 8.7149 8.05196 9.53257C8.05196 10.3502 8.71481 11.0131 9.53248 11.0131ZM15.9481 14.4676C15.9481 15.2853 15.2852 15.9482 14.4675 15.9482C13.6499 15.9482 12.987 15.2853 12.987 14.4676C12.987 13.65 13.6499 12.9871 14.4675 12.9871C15.2852 12.9871 15.9481 13.65 15.9481 14.4676Z"
        fill="#26201E"
      />
    </svg>
  )
}
