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

export const Signal: React.FC<IconProps> = ({ colorVariant = 'white', ...props }) => {
  const { getIconColor } = useIcon();
  return (
    <Svg width="10" height="10" viewBox="0 0 10 10" fill="none" {...props}>
      <Path
        d="M5.00771 3.75977C4.31961 3.75977 3.75964 4.31974 3.75964 5.00784C3.75964 5.54953 4.10868 6.00712 4.59172 6.17936V9.58414C4.59172 9.81374 4.77804 10.0001 5.00771 10.0001C5.23739 10.0001 5.42371 9.81374 5.42371 9.58414V6.17936C5.90675 6.00712 6.25579 5.54953 6.25579 5.00784C6.25579 4.31974 5.69581 3.75977 5.00771 3.75977V3.75977Z"
        fill={getIconColor(colorVariant)}
      />
      <Path
        d="M5.00768 0C2.25481 0 0.0153809 2.23944 0.0153809 4.9923C0.0153809 6.32775 0.535437 7.58124 1.48018 8.52103C1.64373 8.68329 1.90707 8.68245 2.06887 8.51981C2.23112 8.35672 2.23029 8.09337 2.06765 7.93112C1.28052 7.14856 0.847456 6.10517 0.847456 4.9923C0.847456 2.69832 2.7137 0.832076 5.00768 0.832076C7.30165 0.832076 9.1679 2.69832 9.1679 4.9923C9.1679 6.10479 8.73483 7.14856 7.94816 7.93112C7.78545 8.09337 7.78461 8.35672 7.94687 8.51981C8.02845 8.60132 8.13495 8.64207 8.24182 8.64207C8.34794 8.64207 8.45405 8.60178 8.53556 8.52103C9.47992 7.58124 9.99997 6.32814 9.99997 4.9923C9.99997 2.23989 7.76054 0 5.00768 0V0Z"
        fill={getIconColor(colorVariant)}
      />
      <Path
        d="M5.00766 1.66406C3.17257 1.66406 1.67944 3.1572 1.67944 4.99229C1.67944 5.88256 2.02688 6.71799 2.65793 7.34409C2.82102 7.50551 3.08398 7.50467 3.24662 7.34203C3.40849 7.17894 3.4072 6.91559 3.24456 6.75334C2.77151 6.28485 2.51152 5.65922 2.51152 4.99229C2.51152 3.61563 3.631 2.49614 5.00766 2.49614C6.38432 2.49614 7.50381 3.61563 7.50381 4.99229C7.50381 5.65922 7.24382 6.28447 6.77122 6.75334C6.60813 6.91514 6.60729 7.17848 6.76909 7.34203C6.85067 7.42392 6.95755 7.46475 7.0645 7.46475C7.17015 7.46475 7.27627 7.42438 7.35778 7.34409C7.98844 6.71799 8.33588 5.88302 8.33588 4.99229C8.33588 3.1572 6.84275 1.66406 5.00766 1.66406V1.66406Z"
        fill={getIconColor(colorVariant)}
      />
    </Svg>
  );
};
