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

export const SmilingOutlineAdd: 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.6198C5.88655 12.3399 6.92255 12.7364 8.00002 12.7364C9.07749 12.7364 10.1135 12.3399 10.9171 11.6198C11.1742 11.3895 11.1959 10.9943 10.9655 10.7372C10.7352 10.4802 10.34 10.4585 10.083 10.6889C9.50893 11.2032 8.76921 11.4864 8.00002 11.4864C7.23083 11.4864 6.49111 11.2032 5.91711 10.6888C5.66008 10.4585 5.26492 10.4801 5.03455 10.7372C4.80417 10.9943 4.82586 11.3894 5.08292 11.6198Z"
        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.1944 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="M15.7111 5.84538C15.6197 5.5125 15.2756 5.31669 14.943 5.40803C14.6101 5.49938 14.4143 5.84325 14.5056 6.17613C14.6678 6.76713 14.75 7.38078 14.75 8C14.75 11.785 11.785 14.75 8 14.75C4.21497 14.75 1.25 11.785 1.25 8C1.25 4.21497 4.21497 1.25 8 1.25C8.59787 1.25 9.19106 1.32672 9.76309 1.478C10.0969 1.56625 10.4388 1.36728 10.5271 1.03359C10.6154 0.699906 10.4164 0.357813 10.0827 0.269563C9.40644 0.0906875 8.70572 0 8 0C3.514 0 0 3.51403 0 8C0 12.486 3.514 16 8 16C12.486 16 16 12.486 16 8C16 7.26903 15.9028 6.54413 15.7111 5.84538Z"
        fill={getIconColor(colorVariant)}
      />
      <Path
        d="M14.6807 3.38867C15.0259 3.38867 15.3057 3.10886 15.3057 2.76367C15.3057 2.41848 15.0259 2.13867 14.6807 2.13867H14.0557V1.51367C14.0557 1.16848 13.7759 0.888672 13.4307 0.888672C13.0855 0.888672 12.8057 1.16848 12.8057 1.51367V2.13867H12.1807C11.8355 2.13867 11.5557 2.41848 11.5557 2.76367C11.5557 3.10886 11.8355 3.38867 12.1807 3.38867H12.8057V4.01367C12.8057 4.35886 13.0855 4.63867 13.4307 4.63867C13.7759 4.63867 14.0557 4.35886 14.0557 4.01367V3.38867H14.6807Z"
        fill={getIconColor(colorVariant)}
      />
    </Svg>
  );
};
