import { View, Text } from "react-native";
import React, { useState, useCallback, useEffect } from "react";
import {
  GestureHandlerRootView,
  TouchableOpacity,
} from "react-native-gesture-handler";
export default function AutoAnswerBtn({ onSend, text }) {
  return (
    <TouchableOpacity
      onPress={() => {
        // console.log("log", item);
        onSend([{ text }]);
      }}
      style={{
        // ...tailwind("border rounded text-center px-4 py-1"),
        backgroundColor: "#3333331A",
        // borderWidth: 1,
        // borderColor: "black",
        borderRadius: 10,
        padding: 6,
      }}
    >
      <View
        style={{
          paddingHorizontal: 10,
          //   height: 60,
          overflow: "hidden",
        }}
      >
        <Text>{text}</Text>
      </View>
    </TouchableOpacity>
  );
}