import { colorVariants } from '../colorVariants'

import type { NucleoIconProps } from '../../icon'

function ConferenceRoom(props: NucleoIconProps) {
  const fill = props.color ? colorVariants[props.color] : 'currentColor'
  const strokewidth = props.strokewidth || 2
  const width = props.size || '1em'
  const height = props.size || '1em'

  return (
    <svg
      height={height}
      width={width}
      viewBox="0 0 24 24"
      xmlns="http://www.w3.org/2000/svg"
    >
      <g
        fill={fill}
        strokeLinecap="round"
        strokeLinejoin="round"
        transform="translate(0.25 0.25)"
      >
        <rect
          height="18"
          width="10"
          fill="none"
          stroke={fill}
          strokeWidth={strokewidth}
          x="7"
          y="3"
        />
        <circle cx="2" cy="6" fill={fill} r="1" stroke="none" />
        <circle cx="2" cy="12" fill={fill} r="1" stroke="none" />
        <circle cx="2" cy="18" fill={fill} r="1" stroke="none" />
        <circle cx="22" cy="6" fill={fill} r="1" stroke="none" />
        <circle cx="22" cy="12" fill={fill} r="1" stroke="none" />
        <circle cx="22" cy="18" fill={fill} r="1" stroke="none" />
        <circle
          cx="2"
          cy="6"
          fill="none"
          r="1"
          stroke={fill}
          strokeWidth={strokewidth}
        />
        <circle
          cx="2"
          cy="12"
          fill="none"
          r="1"
          stroke={fill}
          strokeWidth={strokewidth}
        />
        <circle
          cx="2"
          cy="18"
          fill="none"
          r="1"
          stroke={fill}
          strokeWidth={strokewidth}
        />
        <circle
          cx="22"
          cy="6"
          fill="none"
          r="1"
          stroke={fill}
          strokeWidth={strokewidth}
        />
        <circle
          cx="22"
          cy="12"
          fill="none"
          r="1"
          stroke={fill}
          strokeWidth={strokewidth}
        />
        <circle
          cx="22"
          cy="18"
          fill="none"
          r="1"
          stroke={fill}
          strokeWidth={strokewidth}
        />
      </g>
    </svg>
  )
}

export default ConferenceRoom
