import React, { FC } from "react";
import { Text, TouchableOpacity, View, ViewStyle } from "react-native";

type Props = {
  onPress: () => void;
  string: string;
  style?: ViewStyle;
};
export const BigButton: FC<Props> = ({ onPress, string,style }) => {
  return (
    <TouchableOpacity
      style={{
        padding: 10,
        flexDirection: "row",
        borderColor: "white",
        borderWidth: 1,
        margin: 10,
        borderRadius: 5,
        alignItems: "center",
        ...style,
      }}
      onPress={onPress}
    >
      <View style={{ flex: 1 }} />
      <Text style={{ fontSize: 25, fontWeight: "bold", color: "white" }}>
        {string}
      </Text>
      <View style={{ flex: 1 }} />
    </TouchableOpacity>
  );
};