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

export const BackwardSvg = (props: SvgProps) => {
  return (
    <SvgContext.Consumer>
      {(context) => (
        <>
          <Svg viewBox={'0 96 960 960'} {...context} {...props}>
            <Path d="M480 983.174q-144.567 0-248.316-95.478T115.5 651.022q-1.478-13.674 8.098-23.87 9.576-10.195 24.59-10.195 13.334 0 23.149 9.576 9.815 9.576 12.533 24.489 12.195 112.608 96.235 188.195Q364.144 914.804 480 914.804q124.104 0 210.976-86.921 86.872-86.922 86.872-210.926 0-124.283-84.402-211.066-84.403-86.782-208.685-86.782h-22l49.369 49.369q9.718 9.718 9.598 22.196-.119 12.478-9.682 21.717-9.309 9.479-21.788 9.598-12.478.12-22.041-9.359L362.5 306.674q-5.478-5.239-7.837-11.076-2.359-5.837-2.359-12.674t2.37-12.662q2.369-5.825 7.826-11.327l106.478-106.479q8.718-8.478 21.315-8.597 12.598-.12 22.077 8.597 8.478 9.416 8.358 22.045-.119 12.629-8.598 20.869l-55.369 55.369h23q76.326 0 143.076 28.478 66.75 28.479 116.587 78.316t78.315 116.437q28.479 66.6 28.479 142.891T817.79 759.822q-28.427 66.67-78.333 116.58-49.906 49.911-116.569 78.342-66.662 28.43-142.888 28.43Z" />
          </Svg>
        </>
      )}
    </SvgContext.Consumer>
  );
};
