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

export const More: React.FC<IconProps> = ({ colorVariant = 'white', ...props }) => {
  const { getIconColor } = useIcon();
  return (
    <Svg width="14" height="14" viewBox="0 0 14 14" fill="none" {...props}>
      <Path
        d="M1.75 8.75C2.7165 8.75 3.5 7.9665 3.5 7C3.5 6.0335 2.7165 5.25 1.75 5.25C0.783502 5.25 0 6.0335 0 7C0 7.9665 0.783502 8.75 1.75 8.75Z"
        fill={getIconColor(colorVariant)}
      />
      <Path
        d="M7 8.75C7.9665 8.75 8.75 7.9665 8.75 7C8.75 6.0335 7.9665 5.25 7 5.25C6.0335 5.25 5.25 6.0335 5.25 7C5.25 7.9665 6.0335 8.75 7 8.75Z"
        fill={getIconColor(colorVariant)}
      />
      <Path
        d="M12.25 8.75C13.2165 8.75 14 7.9665 14 7C14 6.0335 13.2165 5.25 12.25 5.25C11.2835 5.25 10.5 6.0335 10.5 7C10.5 7.9665 11.2835 8.75 12.25 8.75Z"
        fill={getIconColor(colorVariant)}
      />
    </Svg>
  );
};
