Create useCard custom hook

[ajenkins]

Rather than using the getNextCardData prop, you could instead use a custom hook, maybe called useCard that returns similar information about the card. This is how I imagine it being used:

function MySwiper() {
  const { swipeDirection } = useCard();
  return (
    <DynamicSwiper>
      <View>
        <Text>You swiped to the {swipeDirection}</Text>
      </View>
    </DynamicSwiper>
  );
}