PressableWithBackground.js

    {/* Lighter Color Feedback */}
    <View style={tailwind('mt-10')}>
      <Pressable
        style={({ pressed }) => [
          tailwind('p-4 items-center border-gray-200 bg-white'),
          separatorBorderWidth,
          pressed ? tailwind('bg-gray-200') : {},
        ]}
      >
        <View>
          <Text style={[bodyTextStyle.FS18_MEDIUM]}>Pressable With Background Color</Text>
        </View>
      </Pressable>
    </View>
    {/* Darker Color Feedback */}
    <View style={tailwind('mt-10')}>
      <Pressable
        style={({ pressed }) => [
          tailwind('p-4 items-center bg-blue-600'),
          pressed ? tailwind('bg-blue-700') : {},
        ]}
      >
        <View>
          <Text style={[bodyTextStyle.FS18_MEDIUM, tailwind('text-white text-center')]}>
            Pressable which changes the background to a darker color
          </Text>
        </View>
      </Pressable>
    </View>