cally/components/pages/brain_dump/DumpItem.tsx

import { View, Text } from "react-native-ui-lib";
import React, { useState } from "react";
import { IBrainDump } from "@/contexts/DumpContext";
import { TouchableOpacity, TouchableWithoutFeedback } from "react-native-gesture-handler";
import MoveBrainDump from "./MoveBrainDump";

const BrainDumpItem = (props: { item: IBrainDump }) => {
  const [isVisible, setIsVisible] = useState<boolean>(false);

  return (
    <View>
      <TouchableWithoutFeedback onPress={() => setIsVisible(true)}>
        <View
          backgroundColor="white"
          marginV-5
          padding-15
          style={{ borderRadius: 20, elevation: 2 }}
        >
          <Text text70B style={{fontSize: 17, fontFamily: 'Manrope_700Bold'}} marginB-8>
            {props.item.title}
          </Text>
          <Text text70 style={{fontSize: 15, fontFamily: "Manrope_400Regular", color: '#5c5c5c'}}>{props.item.description}</Text>
        </View>
      </TouchableWithoutFeedback>
      <MoveBrainDump item={props.item} isVisible={isVisible} setIsVisible={setIsVisible} />
    </View>
  );
};

export default BrainDumpItem;