import { iconVariants } from "./variants"

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

export default function RestaurantIcon({
  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
        d="M7.12505 9.04999V3.11249C7.12505 2.85415 7.21672 2.63332 7.40005 2.44999C7.58338 2.26665 7.80422 2.17499 8.06255 2.17499C8.32088 2.17499 8.54172 2.26665 8.72505 2.44999C8.90838 2.63332 9.00005 2.85415 9.00005 3.11249V9.04999H10.05V3.11249C10.05 2.85415 10.1417 2.63332 10.325 2.44999C10.5084 2.26665 10.7292 2.17499 10.9875 2.17499C11.2459 2.17499 11.4667 2.26665 11.65 2.44999C11.8334 2.63332 11.925 2.85415 11.925 3.11249V9.04999C11.925 9.95832 11.6438 10.7562 11.0813 11.4437C10.5188 12.1312 9.82505 12.5833 9.00005 12.8V20.8625C9.00005 21.1208 8.90838 21.3417 8.72505 21.525C8.54172 21.7083 8.32088 21.8 8.06255 21.8C7.80422 21.8 7.58338 21.7083 7.40005 21.525C7.21672 21.3417 7.12505 21.1208 7.12505 20.8625V12.8C6.30005 12.5833 5.60213 12.1312 5.0313 11.4437C4.46047 10.7562 4.17505 9.95832 4.17505 9.04999V3.11249C4.17505 2.85415 4.26672 2.63332 4.45005 2.44999C4.63338 2.26665 4.85422 2.17499 5.11255 2.17499C5.37088 2.17499 5.59172 2.26665 5.77505 2.44999C5.95838 2.63332 6.05005 2.85415 6.05005 3.11249V9.04999H7.12505ZM16.9 13.9H14.9375C14.6792 13.9 14.4584 13.8083 14.275 13.625C14.0917 13.4417 14 13.2208 14 12.9625V7.07499C14 5.94165 14.4125 4.84165 15.2375 3.77499C16.0625 2.70832 16.9125 2.17499 17.7875 2.17499C18.0792 2.17499 18.3167 2.28957 18.5 2.51874C18.6834 2.7479 18.775 3.01249 18.775 3.31249V20.8625C18.775 21.1208 18.6834 21.3417 18.5 21.525C18.3167 21.7083 18.0959 21.8 17.8375 21.8C17.5792 21.8 17.3584 21.7083 17.175 21.525C16.9917 21.3417 16.9 21.1208 16.9 20.8625V13.9Z"
        fill="#4D001B"
      />
    </svg>
  )
}
