/* eslint-disable @typescript-eslint/ban-ts-comment */
// @ts-nocheck
import { useIcon } from 'hooks';
import React, { useMemo } from 'react';
import Svg, { Path } from 'react-native-svg';
import { IconProps } from './types';

export const Menu: React.FC<IconProps> = ({ colorVariant = 'body', ...props }) => {
  const { getIconColor } = useIcon();
  const color = useMemo(() => getIconColor(colorVariant), [getIconColor, colorVariant]);
  return (
    <Svg width="20" height="17" viewBox="0 0 20 17" {...props}>
      <Path d="M0 14.5H20V16H0V14.5ZM0 7.5H20V9H0V7.5ZM0 0.5H20V2H0V0.5Z" fill={color} />
    </Svg>
  );
};