import { FC } from 'react'

import Svg, { Path } from 'react-native-svg'

import { useTheme } from '../../../../providers/native'
import { SvgIconProps } from '../types'

const NewGroupIcon: FC<SvgIconProps> = ({
  isActive = false,
  color,
  width = '20',
  height = '20',
  ...props
}) => {
  const { colors } = useTheme()

  const defaultColor = color ?? colors.object.high
  const svgColor = isActive ? colors.primary.high : defaultColor

  return (
    <Svg width={width} height={height} viewBox="0 0 20 20" fill="none" color={svgColor} {...props}>
      <Path
        fill-rule="evenodd"
        clip-rule="evenodd"
        d="M16.6768 4.83654C16.2625 4.42226 15.5909 4.42226 15.1766 4.83654C14.7623 5.25082 14.7623 5.9225 15.1766 6.33678C15.5908 6.75106 16.2625 6.75106 16.6768 6.33678C17.0911 5.9225 17.0911 5.25082 16.6768 4.83654ZM17.56 3.95194C16.6575 3.05022 15.1949 3.05046 14.2927 3.95266C13.3902 4.85509 13.3902 6.31823 14.2927 7.22067C15.1951 8.1231 16.6583 8.1231 17.5607 7.22067C18.4631 6.31823 18.4631 4.8551 17.5607 3.95266L17.56 3.95194Z"
        fill="currentColor"
      />
      <Path
        fill-rule="evenodd"
        clip-rule="evenodd"
        d="M11.1852 1.82724C10.4156 1.05758 9.1677 1.05759 8.39804 1.82724C7.62838 2.59691 7.62839 3.84477 8.39804 4.61442C9.16771 5.38408 10.4156 5.38408 11.1852 4.61443C11.9549 3.84476 11.9549 2.5969 11.1852 1.82724ZM12.0688 0.943044C10.811 -0.314451 8.77187 -0.31435 7.51416 0.943358C6.25635 2.20118 6.25635 4.2405 7.51416 5.49831C8.77198 6.75612 10.8113 6.75612 12.0691 5.49831C13.3269 4.24049 13.3266 2.20086 12.0688 0.943044Z"
        fill="currentColor"
      />
      <Path
        fill-rule="evenodd"
        clip-rule="evenodd"
        d="M4.40679 4.83654C3.99251 4.42226 3.32083 4.42226 2.90655 4.83654C2.49227 5.25082 2.49227 5.9225 2.90655 6.33678C3.32083 6.75106 3.99251 6.75106 4.40679 6.33678C4.82107 5.9225 4.82107 5.25082 4.40679 4.83654ZM5.28996 3.95194C4.38747 3.05022 2.92487 3.05046 2.02267 3.95266C1.12023 4.85509 1.12023 6.31823 2.02267 7.22067C2.9251 8.1231 4.38824 8.1231 5.29068 7.22067C6.19311 6.31823 6.19311 4.8551 5.29068 3.95266L5.28996 3.95194Z"
        fill="currentColor"
      />
      <Path
        fill-rule="evenodd"
        clip-rule="evenodd"
        d="M15.5825 9.295C15.5825 8.94982 15.8623 8.67 16.2075 8.67H16.875C18.371 8.67 19.5833 9.88232 19.5833 11.3783V12.2917C19.5833 12.6368 19.3035 12.9167 18.9583 12.9167C18.6132 12.9167 18.3333 12.6368 18.3333 12.2917V11.3783C18.3333 10.5727 17.6807 9.92 16.875 9.92H16.2075C15.8623 9.92 15.5825 9.64018 15.5825 9.295Z"
        fill="currentColor"
      />
      <Path
        fill-rule="evenodd"
        clip-rule="evenodd"
        d="M2.70833 9.92C1.90268 9.92 1.25 10.5727 1.25 11.3783V12.2917C1.25 12.6368 0.970178 12.9167 0.625 12.9167C0.279822 12.9167 0 12.6368 0 12.2917V11.3783C0 9.88232 1.21232 8.67 2.70833 8.67H3.37583C3.72101 8.67 4.00083 8.94982 4.00083 9.295C4.00083 9.64018 3.72101 9.92 3.37583 9.92H2.70833Z"
        fill="currentColor"
      />
      <Path
        fill-rule="evenodd"
        clip-rule="evenodd"
        d="M4.71667 10.9575C4.71667 9.00149 6.30232 7.41583 8.25833 7.41583H11.3242C13.2802 7.41583 14.8658 9.00149 14.8658 10.9575V12.2917C14.8658 12.6368 14.586 12.9167 14.2408 12.9167C13.8957 12.9167 13.6158 12.6368 13.6158 12.2917V10.9575C13.6158 9.69185 12.5898 8.66583 11.3242 8.66583H8.25833C6.99268 8.66583 5.96667 9.69185 5.96667 10.9575V12.2917C5.96667 12.6368 5.68684 12.9167 5.34167 12.9167C4.99649 12.9167 4.71667 12.6368 4.71667 12.2917V10.9575Z"
        fill="currentColor"
      />
    </Svg>
  )
}

export default NewGroupIcon
