import React, { memo } from 'react';
import { StyleSheet } from 'react-native';
import { LinearGradient } from 'expo-linear-gradient';
import { Wave } from './wave';
import { theme } from '../../app/theme';

type TProps = {};
export const StarredBg: React.FC<TProps> = memo(() => {
  return (
    <>
      <Wave />
      <LinearGradient
        colors={theme.gradients.donut}
        locations={[0, 0.2, 1]}
        style={[
          StyleSheet.absoluteFill,
          {
            top: 500,
            height: 250,
          },
        ]}
      />
    </>
  );
});