import { FC } from 'react'

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

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

const SettingsIcon: FC<SvgIconProps> = ({
  isActive = false,
  color,
  width = '25',
  height = '24',
  ...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 25 24" color={svgColor} {...props}>
      <G>
        <G>
          <Path
            d="M19.8332 12.8992C19.6332 12.6992 19.5332 12.3992 19.5332 11.9992C19.5332 11.6992 19.6332 11.3992 19.8332 11.1992L20.6332 10.1992C21.2332 9.29922 21.3332 8.19922 20.8332 7.19922C20.3332 6.29922 19.2332 5.69922 18.1332 5.79922L16.8332 5.89922C16.5332 5.89922 16.2332 5.89922 15.9332 5.69922C15.6332 5.49922 15.4332 5.29922 15.3332 4.99922L14.8332 3.79922C14.4332 2.79922 13.4332 2.19922 12.3332 2.19922C11.2332 2.19922 10.2332 2.79922 9.83322 3.79922L9.33322 5.09922C9.13322 5.29922 8.93322 5.59922 8.73322 5.69922C8.43322 5.89922 8.13322 5.89922 7.83322 5.89922L6.53322 5.79922C5.43322 5.69922 4.43322 6.19922 3.93322 7.09922C3.43322 7.99922 3.43322 9.19922 4.13322 10.0992L4.93322 11.0992C5.13322 11.2992 5.23322 11.5992 5.23322 11.8992C5.23322 12.1992 5.13322 12.4992 4.93322 12.6992L4.13322 13.6992C3.53322 14.5992 3.43322 15.6992 3.93322 16.6992C4.43322 17.5992 5.53322 18.1992 6.63322 18.0992L7.93322 17.9992C8.23322 17.9992 8.53322 17.9992 8.83322 18.1992C9.13322 18.3992 9.33322 18.5992 9.43322 18.8992L9.93322 20.0992C10.3332 21.0992 11.3332 21.6992 12.4332 21.6992C13.5332 21.6992 14.5332 21.0992 14.9332 20.0992L15.4332 18.8992C15.5332 18.5992 15.7332 18.3992 16.0332 18.1992C16.3332 17.9992 16.6332 17.9992 16.9332 17.9992L18.2332 18.0992C19.3332 18.1992 20.3332 17.6992 20.9332 16.6992C21.4332 15.7992 21.4332 14.5992 20.7332 13.6992L19.8332 12.8992ZM19.4332 16.0992C19.2332 16.4992 18.7332 16.7992 18.2332 16.6992L16.9332 16.5992C16.3332 16.4992 15.7332 16.6992 15.1332 16.9992C14.6332 17.2992 14.1332 17.7992 13.9332 18.2992L13.4332 19.4992C13.2332 19.8992 12.8332 20.1992 12.3332 20.1992C11.8332 20.1992 11.4332 19.8992 11.2332 19.4992L10.7332 18.2992C10.4332 17.6992 10.0332 17.2992 9.53322 16.8992C9.03322 16.5992 8.33322 16.4992 7.73322 16.4992L6.43322 16.5992C5.93322 16.6992 5.43322 16.3992 5.23322 15.9992C5.03322 15.5992 5.03322 14.9992 5.33322 14.5992L6.13322 13.5992C6.53322 13.0992 6.73322 12.4992 6.73322 11.8992C6.73322 11.2992 6.53322 10.6992 6.13322 10.1992L5.33322 9.19922C4.93322 8.79922 4.93322 8.29922 5.23322 7.89922C5.43322 7.49922 5.93322 7.19922 6.43322 7.29922L7.73322 7.39922C8.33322 7.49922 8.93322 7.29922 9.43322 6.99922C9.93322 6.69922 10.4332 6.19922 10.6332 5.69922L11.1332 4.49922C11.4332 3.99922 11.8332 3.69922 12.3332 3.69922C12.8332 3.69922 13.2332 3.99922 13.4332 4.39922L13.9332 5.59922C14.2332 6.19922 14.6332 6.59922 15.1332 6.99922C15.6332 7.29922 16.3332 7.39922 16.9332 7.39922L18.2332 7.29922C18.7332 7.19922 19.2332 7.49922 19.4332 7.89922C19.6332 8.29922 19.6332 8.89922 19.3332 9.29922L18.5332 10.2992C18.1332 10.7992 17.9332 11.3992 17.9332 11.9992C17.9332 12.5992 18.1332 13.1992 18.5332 13.6992L19.3332 14.6992C19.7332 15.1992 19.7332 15.6992 19.4332 16.0992Z"
            fill="currentColor"
          />
          <Path
            d="M12.3332 8.59922C10.4332 8.59922 8.93322 10.0992 8.93322 11.9992C8.93322 13.8992 10.4332 15.3992 12.3332 15.3992C14.2332 15.3992 15.7332 13.8992 15.7332 11.9992C15.7332 10.0992 14.2332 8.59922 12.3332 8.59922ZM12.3332 13.8992C11.3332 13.8992 10.4332 12.9992 10.4332 11.9992C10.4332 10.9992 11.3332 10.0992 12.3332 10.0992C13.3332 10.0992 14.2332 10.9992 14.2332 11.9992C14.2332 12.9992 13.3332 13.8992 12.3332 13.8992Z"
            fill="currentColor"
          />
        </G>
      </G>
    </Svg>
  )
}

export default SettingsIcon
