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

export const SmilingOutline: React.FC<IconProps> = ({ colorVariant = 'body', ...props }) => {
  const { getIconColor } = useIcon();
  return (
    <Svg width="16" height="16" viewBox="0 0 16 16" fill="none" {...props}>
      <Path
        d="M5.08292 11.5085C5.88655 12.2285 6.92255 12.6251 8.00002 12.6251C9.07749 12.6251 10.1135 12.2285 10.9171 11.5085C11.1742 11.2781 11.1959 10.883 10.9655 10.6259C10.7352 10.3688 10.34 10.3472 10.083 10.5775C9.50893 11.0918 8.76921 11.3751 8.00002 11.3751C7.23083 11.3751 6.49111 11.0918 5.91711 10.5775C5.66008 10.3472 5.26492 10.3688 5.03455 10.6259C4.80417 10.883 4.82586 11.2781 5.08292 11.5085Z"
        fill={getIconColor(colorVariant)}
      />
      <Path
        d="M5.49985 6.75C5.72235 6.75 5.92995 6.86991 6.0416 7.06294C6.21448 7.36175 6.59679 7.46381 6.89557 7.291C7.19435 7.11816 7.29644 6.73584 7.12363 6.43703C6.78929 5.85906 6.1671 5.5 5.49985 5.5C4.8326 5.5 4.21042 5.85906 3.87608 6.43706C3.70326 6.73584 3.80536 7.11819 4.10414 7.29103C4.40295 7.46384 4.78523 7.36178 4.9581 7.06297C5.06976 6.86991 5.27735 6.75 5.49985 6.75Z"
        fill={getIconColor(colorVariant)}
      />
      <Path
        d="M11.8956 7.291C12.1943 7.11816 12.2964 6.73584 12.1236 6.43703C11.7893 5.85906 11.1671 5.5 10.4999 5.5C9.8326 5.5 9.21042 5.85906 8.87608 6.43706C8.70326 6.73584 8.80536 7.11819 9.10414 7.29103C9.40295 7.46384 9.78523 7.36178 9.9581 7.06297C10.0698 6.86991 10.2774 6.75 10.4999 6.75C10.7224 6.75 10.9299 6.86991 11.0416 7.06294C11.2144 7.36178 11.5968 7.46384 11.8956 7.291Z"
        fill={getIconColor(colorVariant)}
      />
      <Path
        d="M8 0C3.514 0 0 3.51403 0 8C0 12.486 3.514 16 8 16C12.486 16 16 12.486 16 8C16 3.51403 12.486 0 8 0ZM8 14.75C4.21497 14.75 1.25 11.7851 1.25 8C1.25 4.21494 4.21497 1.25 8 1.25C11.785 1.25 14.75 4.21494 14.75 8C14.75 11.7851 11.785 14.75 8 14.75Z"
        fill={getIconColor(colorVariant)}
      />
    </Svg>
  );
};
