import React from 'react';
import {View, StyleSheet, ViewProps} from 'react-native';
import LinearGradient from 'react-native-linear-gradient';

interface MomentProps extends ViewProps {}
const Moment: React.FC<MomentProps> = ({style}) => {
  return (
    <LinearGradient
      colors={['#9F00FF', '#27EAE9']}
      useAngle={true}
      angle={154.72}
      angleCenter={{x: 0.5, y: 0.5}}
      style={[styles.gradient, style]}>
      <View style={styles.image} />
    </LinearGradient>
  );
};

const styles = StyleSheet.create({
  gradient: {
    width: 80,
    height: 80,
    borderRadius: 40,
    justifyContent: 'center',
    alignItems: 'center',
  },
  image: {
    width: 72,
    height: 72,
    borderRadius: 37.5,
    backgroundColor: 'pink',
  },
});

export default Moment;