import React from 'react';

interface CommunityHubIconProps {
  className?: string;
  width?: number;
  height?: number;
}

export const CommunityHubIcon: React.FC<CommunityHubIconProps> = ({ 
  className = "", 
  width = 19, 
  height = 16 
}) => {
  return (
    <svg 
      width={width} 
      height={height} 
      viewBox="0 0 19 16" 
      fill="none" 
      xmlns="http://www.w3.org/2000/svg"
      className={className}
    >
      <path d="M2.26831 10.5006C2.7145 10.2384 3.28877 10.3878 3.55127 10.8339C3.81375 11.28 3.66521 11.8542 3.21924 12.1168C2.7743 12.3786 2.44807 12.8134 2.32568 13.3266C2.76754 13.4022 3.10443 13.786 3.10449 14.2494C3.10449 14.7349 2.73505 15.1341 2.26221 15.182L2.16699 15.1869H1.80933C1.02862 15.1868 0.395752 14.5541 0.395752 13.7733C0.395757 12.3777 1.14996 11.1587 2.26831 10.5006ZM15.812 4.24941C15.8119 3.75414 15.582 3.31222 15.22 3.02504L15.0576 2.91152L14.9771 2.85781C14.5977 2.5719 14.489 2.03884 14.7402 1.62367C14.9917 1.20828 15.5145 1.05828 15.9438 1.26235L16.0281 1.30751L16.21 1.42592C17.1011 2.04549 17.6869 3.07846 17.687 4.24941C17.687 5.49852 17.0207 6.59175 16.0281 7.19252L15.9438 7.23769C15.5145 7.44157 14.9916 7.29049 14.7402 6.87514C14.4724 6.43223 14.6148 5.85655 15.0576 5.58852L15.22 5.47499C15.5823 5.18777 15.812 4.74494 15.812 4.24941ZM1.64575 4.24941C1.64584 2.99822 2.31536 1.90392 3.31079 1.30385C3.75403 1.03697 4.33009 1.17947 4.59741 1.62245C4.86469 2.06583 4.72213 2.64295 4.27881 2.9103C3.82282 3.18518 3.52084 3.68236 3.52075 4.24941C3.52075 4.74455 3.75095 5.18653 4.11279 5.47377L4.27515 5.5873L4.35449 5.64101C4.73432 5.92694 4.84293 6.45981 4.59131 6.87514C4.33984 7.29016 3.81804 7.44014 3.38892 7.23647L3.30347 7.1913L3.12158 7.07289C2.23118 6.45318 1.64575 5.41987 1.64575 4.24941ZM18.937 13.7733C18.937 14.5541 18.3042 15.1869 17.5234 15.1869H17.167C16.6492 15.1869 16.2295 14.7672 16.2295 14.2494C16.2296 13.7861 16.5654 13.4023 17.0071 13.3266C16.9045 12.8965 16.6603 12.5213 16.321 12.2572L16.1172 12.1193L16.0366 12.0656C15.6544 11.7838 15.5399 11.2529 15.7864 10.8351C16.0332 10.4172 16.5537 10.2614 16.9851 10.4603L17.0706 10.5043L17.2756 10.6349C18.2769 11.3166 18.937 12.4673 18.937 13.7733Z" fill="currentColor"/>
      <path d="M9.0717 11.4368C7.73301 11.4368 6.62961 12.4363 6.46183 13.7292H12.8717C12.704 12.4363 11.6006 11.4368 10.2619 11.4368H9.0717ZM11.6462 4.24927C11.6459 3.15639 10.7591 2.27051 9.66618 2.27051C8.57344 2.27073 7.68764 3.15653 7.68742 4.24927C7.68742 5.3422 8.5733 6.22903 9.66618 6.22925C10.7592 6.22925 11.6462 5.34233 11.6462 4.24927ZM14.7712 14.071C14.7712 14.9176 14.0845 15.6042 13.238 15.6042H6.09562C5.24911 15.6042 4.56242 14.9176 4.56242 14.071C4.5625 11.5809 6.58154 9.56177 9.0717 9.56177H10.2619C12.752 9.5618 14.7711 11.5809 14.7712 14.071ZM13.5212 4.24927C13.5212 6.37787 11.7948 8.10425 9.66618 8.10425C7.53777 8.10403 5.81242 6.37773 5.81242 4.24927C5.81264 2.12099 7.5379 0.395727 9.66618 0.395508C11.7946 0.395508 13.5209 2.12086 13.5212 4.24927Z" fill="currentColor"/>
    </svg>
  );
}; 