import { useIcon } from 'hooks';
import React, { useMemo } from 'react';
import Svg, { Path } from 'react-native-svg';
import { IconProps } from './types';

export const CommunityFill: React.FC<IconProps> = ({ colorVariant = 'body', ...props }) => {
  const { getIconColor } = useIcon();
  const color = useMemo(() => getIconColor(colorVariant), [getIconColor, colorVariant]);
  return (
    <Svg width="17" height="16" viewBox="0 0 17 16" fill="none" {...props}>
      <Path
        d="M8.5 5C9.32843 5 10 4.32842 10 3.5C10 2.67157 9.32843 2 8.5 2C7.67157 2 7 2.67157 7 3.5C7 4.32842 7.67157 5 8.5 5Z"
        fill={color}
      />
      <Path
        d="M10.747 9.077L10.4065 6.425C10.3682 6.04025 10.0472 5.75 9.66096 5.75H9.24996C9.15021 5.75 9.05496 5.78975 8.98446 5.8595L8.49996 6.344L8.01546 5.8595C7.94496 5.78975 7.84971 5.75 7.74996 5.75H7.33971C6.95271 5.75 6.63172 6.04025 6.59422 6.41525L6.25297 9.07775C6.23947 9.18425 6.27247 9.29225 6.34372 9.3725C6.41497 9.4535 6.51697 9.5 6.62496 9.5H7.02997L7.34346 13.325C7.38096 13.709 7.70271 14 8.08971 14H8.91096C9.29796 14 9.61896 13.709 9.65796 13.3182L9.97071 9.5H10.375C10.483 9.5 10.585 9.4535 10.6562 9.3725C10.7282 9.29225 10.7612 9.18425 10.747 9.077Z"
        fill={color}
      />
      <Path
        d="M12.25 5C13.0784 5 13.75 4.32842 13.75 3.5C13.75 2.67157 13.0784 2 12.25 2C11.4216 2 10.75 2.67157 10.75 3.5C10.75 4.32842 11.4216 5 12.25 5Z"
        fill={color}
      />
      <Path
        d="M4.75 2C3.92275 2 3.25 2.67275 3.25 3.5C3.25 4.32725 3.92275 5 4.75 5C5.5765 5 6.25 4.32725 6.25 3.5C6.25 2.67275 5.5765 2 4.75 2Z"
        fill={color}
      />
      <Path
        d="M14.4974 9.077L14.1569 6.42575C14.1187 6.04025 13.7984 5.75 13.4114 5.75H13.0004C12.9007 5.75 12.8054 5.78975 12.7349 5.8595L12.2504 6.344L11.766 5.8595C11.6955 5.78975 11.6002 5.75 11.5012 5.75H11.0902C11.0437 5.75 11.0017 5.7665 10.9575 5.77475C11.0542 5.94575 11.13 6.131 11.1525 6.33875L11.4922 8.98175C11.5342 9.3035 11.4337 9.6275 11.2177 9.87125C11.1157 9.98825 10.9852 10.0707 10.8457 10.1352L11.0947 12.575C11.133 12.9597 11.454 13.25 11.841 13.25H12.6622C13.0492 13.25 13.3702 12.959 13.4092 12.5682L13.7212 9.5H14.1254C14.2334 9.5 14.3354 9.4535 14.4067 9.3725C14.4787 9.29225 14.5117 9.18425 14.4974 9.077Z"
        fill={color}
      />
      <Path
        d="M5.78049 9.8675C5.56749 9.62675 5.46849 9.3035 5.50899 8.98325L5.85024 6.32C5.86974 6.1205 5.94324 5.9405 6.03699 5.774C5.99499 5.7665 5.95524 5.75 5.91099 5.75H5.49999C5.40024 5.75 5.30499 5.78975 5.23449 5.8595L4.74999 6.344L4.26549 5.8595C4.19499 5.78975 4.09974 5.75 4.00074 5.75H3.58972C3.20272 5.75 2.88172 6.04025 2.84422 6.41525L2.50297 9.07775C2.48947 9.18425 2.52247 9.29225 2.59372 9.3725C2.66497 9.4535 2.76772 9.5 2.87497 9.5H3.27997L3.59347 12.575C3.63097 12.959 3.95272 13.25 4.33972 13.25H5.16096C5.54796 13.25 5.86896 12.959 5.90796 12.5682L6.15696 10.1345C6.01674 10.0692 5.88549 9.986 5.78049 9.8675Z"
        fill={color}
      />
    </Svg>
  );
};
