import * as React from 'react';
import { withIcon } from './withIcon';
import { IIcon } from '../types/IIcon';

export const IconBedroom = withIcon((props: IIcon) => (
  <svg
    height={props.height}
    width={props.width}
    viewBox="0 0 24 24"
    xmlns="http://www.w3.org/2000/svg"
    onMouseEnter={props.onMouseEnter}
    onMouseLeave={props.onMouseLeave}
  >
    <title>bedroom</title>
    <g
      fill={props.secondaryFill}
      stroke={props.secondaryFill}
      strokeLinecap="square"
      strokeWidth="2"
    >
      <line fill="none" stroke={props.fill} x1="1" x2="1" y1="21" y2="4" />
      <line fill="none" stroke={props.fill} x1="1" x2="23" y1="18" y2="18" />
      <polyline fill="none" points="1 14 23 14 23 21" stroke={props.fill} />
      <circle cx="6" cy="9" fill="none" r="2" />
      <path d="M23,11H11V7H21a2,2,0,0,1,2,2Z" fill="none" />
    </g>
  </svg>
));