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

export const Travel: React.FC<IconProps> = ({ colorVariant = 'body', ...props }) => {
  const { getIconColor } = useIcon();
  const color = useMemo(() => getIconColor(colorVariant), [getIconColor, colorVariant]);

  return (
    <Svg width="20" height="18" viewBox="0 0 20 18" fill="none" {...props}>
      <Path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M3.625 10.2414C3.625 9.12571 4.53277 8.21875 5.64765 8.21875C6.76254 8.21875 7.67031 9.12571 7.67031 10.2414C7.67031 11.3571 6.76254 12.2641 5.64765 12.2641C4.53277 12.2641 3.625 11.3571 3.625 10.2414ZM5.24316 10.2405C5.24316 10.463 5.4252 10.645 5.64769 10.645C5.87019 10.645 6.05223 10.463 6.05223 10.2405C6.05223 10.018 5.87019 9.83594 5.64769 9.83594C5.4252 9.83594 5.24316 10.018 5.24316 10.2405ZM14.5475 8.21875C13.4326 8.21875 12.5249 9.12571 12.5249 10.2414C12.5249 11.3571 13.4326 12.2641 14.5475 12.2641C15.6624 12.2641 16.5702 11.3571 16.5702 10.2414C16.5702 9.12571 15.6624 8.21875 14.5475 8.21875ZM14.1426 10.2405C14.1426 10.463 14.3246 10.645 14.5471 10.645C14.7696 10.645 14.9516 10.463 14.9516 10.2405C14.9516 10.018 14.7696 9.83594 14.5471 9.83594C14.3246 9.83594 14.1426 10.018 14.1426 10.2405Z"
        fill={color}
      />
      <Path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M18.578 6.19006L17.7374 5.91012L17.7026 5.79038H18.188C18.6346 5.79038 18.9971 5.43521 18.9971 4.98779C18.9971 4.98294 18.9947 4.98132 18.9947 4.98132H18.9971C18.9971 4.17226 18.2778 3.3632 17.3919 3.3632H16.8725L16.2811 1.97404C15.9728 0.945723 15.0254 0.126953 13.9518 0.126953H6.24305C5.16943 0.126953 4.22202 0.945723 3.91376 1.97404L3.32234 3.3632H2.80292C1.917 3.3632 1.19774 4.17226 1.19774 4.98132H1.20017C1.20017 4.98132 1.19774 4.98294 1.19774 4.98779C1.19774 5.43521 1.5602 5.79038 2.0068 5.79038H2.49224L2.45745 5.91012L1.61684 6.19006C0.898856 6.42912 0.442265 7.13366 0.517322 7.88666L1.12493 13.9611C1.16606 14.3745 1.51366 14.6896 1.92913 14.6901H2.81587V15.4991C2.81587 16.3915 3.54079 17.1172 4.43399 17.1172H6.05211C6.94532 17.1172 7.67024 16.3915 7.67024 15.4991V14.6901H12.5246V15.4991C12.5246 16.3915 13.2495 17.1172 14.1427 17.1172H15.7609C16.6541 17.1172 17.379 16.3915 17.379 15.4991V14.6901H18.2657C18.6813 14.69 19.0291 14.3747 19.0699 13.9611L19.6775 7.88666C19.7526 7.13366 19.296 6.42912 18.578 6.19006ZM5.464 2.43751C5.56837 2.09204 5.88067 1.74414 6.24313 1.74414H13.9511C14.3135 1.74414 14.6258 2.09204 14.7302 2.43751L16.0142 5.78945H4.18164L5.464 2.43751ZM4.43408 15.4985H6.05221V14.6895H4.43408V15.4985ZM15.7607 15.4985H14.1426V14.6895H15.7607V15.4985ZM2.66304 13.0716H17.532L18.0684 7.72616L17.3791 7.4082H2.81595L2.12744 7.72616L2.66304 13.0716Z"
        fill={color}
      />
    </Svg>
  );
};
