import type { SvgProps } from 'react-native-svg';
import Svg, { Path } from 'react-native-svg';
import React from 'react';
import { SvgContext } from './SvgUtils';

export const ForwardSvg = (props: SvgProps) => {
  return (
    <SvgContext.Consumer>
      {(context) => (
        <>
          <Svg viewBox={'0 96 960 960'} {...context} {...props}>
            <Path d="M480 983.174q-76.26 0-142.952-28.965-66.693-28.965-116.12-78.435-49.428-49.47-78.287-116.078-28.859-66.608-28.859-142.772 0-76.163 28.979-142.859 28.978-66.695 78.435-116.032 49.456-49.337 116.141-78.316 66.685-28.978 142.936-28.978h22.966l-53.456-53.456q-9.435-9.256-9.055-23.4.381-14.144 9.816-23.579 9.227-9.232 23.505-9.094 14.277.138 23.473 9.333l107.63 108.392q10.196 10.435 10.196 24.108 0 13.674-10.196 23.87l-107.63 107.391q-9.957 10.196-24.131 10.316-14.173.119-23.608-10.076-10.196-10.228-9.696-23.886t10.696-24.093l47.695-47.456h-23.239q-123.104 0-208.095 86.859-84.992 86.86-84.992 210.946t86.872 210.988Q355.896 914.804 480 914.804q114.213 0 199.408-75.994 85.196-75.994 97.201-189.223 2.239-14.196 12.174-23.413 9.934-9.217 23.301-9.217 14.845 0 24.489 9.837 9.645 9.836 8.645 23.032-12.104 142.982-117.324 238.165Q622.674 983.174 480 983.174Z" />
          </Svg>
        </>
      )}
    </SvgContext.Consumer>
  );
};
