import React from "react";
import { useAnimatedValues, FlatList } from "react-native-animatable-flatlist";
import Animated from "react-native-reanimated"

const Card = () => {
  const {
    index,
    item,
    layout,
    contentOffset,
    direction,
    isScrolling
  } = useAnimatedValues();

  const styles = useAnimatedStyle(() => {
    return {
      // mix shared values and return style object
    }
  });

  return (
    <Animated.View
      style={styles}
    />
  );
};


export default MyCustomList = () => {
  return (
    <FlatList
      data={data}
      renderItem={() => <Card />}
    />
  )
}