import * as React from 'react';
import Svg, {
  SvgProps,
  Circle,
  Path,
  Defs,
  LinearGradient,
  Stop,
} from 'react-native-svg';

const SvgComponent = (props: SvgProps) => (
  <Svg width={47} height={47} fill="none" {...props}>
    <Circle cx={23.5} cy={23.5} r={23.5} fill="url(#a)" />
    <Path
      d="M30 18 18 30M18 18l12 12"
      stroke="#fff"
      strokeWidth={2}
      strokeLinecap="round"
      strokeLinejoin="round"
    />
    <Defs>
      <LinearGradient
        id="a"
        x1={23.5}
        y1={0}
        x2={23.5}
        y2={47}
        gradientUnits="userSpaceOnUse">
        <Stop stopColor="#4F58CF" />
        <Stop offset={1} stopColor="#83D1D8" />
      </LinearGradient>
    </Defs>
  </Svg>
);

export default SvgComponent;
