import { iconVariants } from "./variants"

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

export default function DiningIcon({ className, color, ...props }: IconProps) {
  const classNames = iconVariants({ className, color })
  return (
    <svg
      className={classNames}
      fill="none"
      height="20"
      viewBox="0 0 20 20"
      width="20"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        fill="#26201E"
        d="M6.125 21.75c-.516 0-.957-.184-1.324-.55a1.806 1.806 0 0 1-.551-1.325V4.125c0-.516.184-.957.55-1.324.368-.367.81-.551 1.325-.551h12.688c.258 0 .479.092.662.275a.903.903 0 0 1 .275.663c0 .258-.092.479-.275.662a.903.903 0 0 1-.663.275h-1.05v1.876a.937.937 0 0 1-.287.686.938.938 0 0 1-.688.288h-7.7a.938.938 0 0 1-.687-.287A.937.937 0 0 1 8.113 6V4.125H6.125v15.75h3.988a4.853 4.853 0 0 1-1.463-1.656c-.358-.663-.537-1.402-.537-2.219v-2.975c0-.516.183-.957.55-1.324.367-.367.809-.551 1.325-.551h5.9c.515 0 .957.184 1.324.55.367.368.55.81.55 1.325V16c0 .817-.179 1.556-.537 2.219a4.852 4.852 0 0 1-1.463 1.656h3.05c.259 0 .48.092.663.275a.903.903 0 0 1 .275.663c0 .258-.092.479-.275.662a.903.903 0 0 1-.663.275H6.126Zm6.81-2.8a2.85 2.85 0 0 0 2.09-.86c.575-.574.862-1.27.862-2.09v-2.975h-5.9V16c0 .82.287 1.516.86 2.09a2.84 2.84 0 0 0 2.088.86Zm.001-8.9a.947.947 0 0 0 .695-.28.94.94 0 0 0 .281-.694.947.947 0 0 0-.28-.695.94.94 0 0 0-.693-.281.946.946 0 0 0-.695.28.94.94 0 0 0-.281.694c0 .276.093.507.28.695a.94.94 0 0 0 .693.281Z"
      />
    </svg>
  )
}
