import { iconVariants } from "./variants"

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

export default function BedroomParentIcon({
  className,
  color,
  ...props
}: IconProps) {
  const classNames = iconVariants({ className, color })
  return (
    <svg
      width="20"
      height="20"
      viewBox="0 0 20 20"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      className={classNames}
      {...props}
    >
      <path
        fill="#26201E"
        d="M6.5 15.4h11v.775a.676.676 0 0 0 .698.7.684.684 0 0 0 .702-.7V13c0-.344-.07-.668-.212-.97a2.32 2.32 0 0 0-.588-.78V9.125a1.86 1.86 0 0 0-.556-1.369 1.855 1.855 0 0 0-1.365-.556h-3.184a1.77 1.77 0 0 0-.995.3 1.77 1.77 0 0 0-1-.3H7.82c-.538 0-.993.185-1.364.556A1.86 1.86 0 0 0 5.9 9.125v2.125A2.32 2.32 0 0 0 5.1 13v3.175a.677.677 0 0 0 .698.7.684.684 0 0 0 .702-.7V15.4Zm0-1.425v-1c0-.283.092-.517.275-.7A.951.951 0 0 1 7.477 12h9.046c.285 0 .519.092.702.275a.948.948 0 0 1 .275.7v1h-11Zm.825-3.4V8.6H11.3v1.975H7.325Zm5.375 0V8.6h3.975v1.975H12.7ZM4.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-.551h15.75c.516 0 .957.184 1.324.55.367.368.551.81.551 1.325v15.75c0 .516-.184.957-.55 1.324-.368.367-.81.551-1.325.551H4.125Zm0-1.875h15.75V4.125H4.125v15.75Z"
      />
    </svg>
  )
}
