import React from 'react';
import { IconTheme } from '../../IconsCommonTypes';

function GroupChat(theme: IconTheme | undefined = undefined) {
  return !theme?.applyZoom ? (
    <svg
      width={theme && theme.width ? theme.width : '44'}
      height={theme && theme.height ? theme.height : '44'}
      viewBox="0 0 44 44"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
    >
      <path
        d="M30.2499 23.8333C28.0499 23.8333 24.6216 24.4566 21.9999 25.6666C19.3783 24.4383 15.9499 23.8333 13.7499 23.8333C9.77159 23.8333 1.83325 25.8133 1.83325 29.7916V34.8333H42.1666V29.7916C42.1666 25.8133 34.2283 23.8333 30.2499 23.8333ZM22.9166 32.0833H4.58325V29.7916C4.58325 28.8016 9.27659 26.5833 13.7499 26.5833C18.2233 26.5833 22.9166 28.8016 22.9166 29.7916V32.0833ZM39.4166 32.0833H25.6666V29.7916C25.6666 28.9483 25.2999 28.215 24.7133 27.555C26.3266 27.005 28.3066 26.5833 30.2499 26.5833C34.7233 26.5833 39.4166 28.8016 39.4166 29.7916V32.0833ZM13.7499 22C17.2883 22 20.1666 19.1216 20.1666 15.5833C20.1666 12.045 17.2883 9.16663 13.7499 9.16663C10.2116 9.16663 7.33325 12.045 7.33325 15.5833C7.33325 19.1216 10.2116 22 13.7499 22ZM13.7499 11.9166C15.7666 11.9166 17.4166 13.5666 17.4166 15.5833C17.4166 17.6 15.7666 19.25 13.7499 19.25C11.7333 19.25 10.0833 17.6 10.0833 15.5833C10.0833 13.5666 11.7333 11.9166 13.7499 11.9166ZM30.2499 22C33.7883 22 36.6666 19.1216 36.6666 15.5833C36.6666 12.045 33.7883 9.16663 30.2499 9.16663C26.7116 9.16663 23.8333 12.045 23.8333 15.5833C23.8333 19.1216 26.7116 22 30.2499 22ZM30.2499 11.9166C32.2666 11.9166 33.9166 13.5666 33.9166 15.5833C33.9166 17.6 32.2666 19.25 30.2499 19.25C28.2333 19.25 26.5833 17.6 26.5833 15.5833C26.5833 13.5666 28.2333 11.9166 30.2499 11.9166Z"
        id="GroupChat"
        fill={theme && theme.color ? theme.color : 'var(--color-icon)'}
      />
    </svg>
  ) : (
    <svg
      width={theme && theme.width ? theme.width : '24'}
      height={theme && theme.height ? theme.height : '24'}
      viewBox="0 0 24 24"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
    >
      <path
        d="M16.5 13C15.3 13 13.43 13.34 12 14C10.57 13.33 8.7 13 7.5 13C5.33 13 1 14.08 1 16.25V19H23V16.25C23 14.08 18.67 13 16.5 13ZM12.5 17.5H2.5V16.25C2.5 15.71 5.06 14.5 7.5 14.5C9.94 14.5 12.5 15.71 12.5 16.25V17.5ZM21.5 17.5H14V16.25C14 15.79 13.8 15.39 13.48 15.03C14.36 14.73 15.44 14.5 16.5 14.5C18.94 14.5 21.5 15.71 21.5 16.25V17.5ZM7.5 12C9.43 12 11 10.43 11 8.5C11 6.57 9.43 5 7.5 5C5.57 5 4 6.57 4 8.5C4 10.43 5.57 12 7.5 12ZM7.5 6.5C8.6 6.5 9.5 7.4 9.5 8.5C9.5 9.6 8.6 10.5 7.5 10.5C6.4 10.5 5.5 9.6 5.5 8.5C5.5 7.4 6.4 6.5 7.5 6.5ZM16.5 12C18.43 12 20 10.43 20 8.5C20 6.57 18.43 5 16.5 5C14.57 5 13 6.57 13 8.5C13 10.43 14.57 12 16.5 12ZM16.5 6.5C17.6 6.5 18.5 7.4 18.5 8.5C18.5 9.6 17.6 10.5 16.5 10.5C15.4 10.5 14.5 9.6 14.5 8.5C14.5 7.4 15.4 6.5 16.5 6.5Z"
        fill={theme && theme.color ? theme.color : 'var(--color-icon)'}
      />
    </svg>
  );
}

export default GroupChat;
