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

export const Information: React.FC<IconProps> = ({ colorVariant = 'body', ...props }) => {
  const { getIconColor } = useIcon();
  const color = useMemo(() => getIconColor(colorVariant), [getIconColor, colorVariant]);
  return (
    <Svg width="13" height="13" viewBox="0 0 13 13" fill="none" {...props}>
      <Path
        d="M6.5 0C2.9159 0 0 2.91594 0 6.50004C0 10.0841 2.9159 13 6.5 13C10.0841 13 13 10.0841 13 6.50004C13 2.91594 10.0841 0 6.5 0ZM6.5 11.8182C3.56752 11.8182 1.18182 9.43249 1.18182 6.50004C1.18182 3.56759 3.56752 1.18182 6.5 1.18182C9.43248 1.18182 11.8182 3.56759 11.8182 6.50004C11.8182 9.43249 9.43245 11.8182 6.5 11.8182Z"
        fill={color}
      />
      <Path
        d="M6.50061 2.75781C6.06625 2.75781 5.71289 3.11141 5.71289 3.54605C5.71289 3.98029 6.06625 4.33357 6.50061 4.33357C6.93497 4.33357 7.28833 3.98029 7.28833 3.54605C7.28833 3.11141 6.93497 2.75781 6.50061 2.75781Z"
        fill={color}
      />
      <Path
        d="M6.49911 5.51562C6.17277 5.51562 5.9082 5.78019 5.9082 6.10653V9.65199C5.9082 9.97833 6.17277 10.2429 6.49911 10.2429C6.82545 10.2429 7.09002 9.97833 7.09002 9.65199V6.10653C7.09002 5.78019 6.82545 5.51562 6.49911 5.51562Z"
        fill={color}
      />
    </Svg>
  );
};
