import React from 'react'
import Svg, { Path, Defs, LinearGradient, Stop } from 'react-native-svg'

const CurvedBackground = () => {
    return (
        <Svg
            width="100%"
            height="100%"
            viewBox="0 0 390 721"
            preserveAspectRatio="none"
        >
            <Path
                fill="url(#a)"
                d="M-1.884 19C-25.388-8.217-51.5-7-25.187 33.079L-1.884 721h406.199c4.854-216.541 3.731-320.696-8.395-687.921-48.501 71.043-2.681 351.215-207.529 351.215C-16.458 384.294 27.497 53.021-1.884 19Z"
            />
            <Defs>
                <LinearGradient
                    id="a"
                    x1={167.5}
                    x2={185.4}
                    y1={-269}
                    y2={721}
                    gradientUnits="userSpaceOnUse"
                >
                    <Stop stopColor="#2BA6E5" stopOpacity={1} />
                    <Stop offset={1} stopColor="#31A2DB" stopOpacity={1}/>
                </LinearGradient>
            </Defs>
        </Svg>
    )
}

export default CurvedBackground