Button.tsx

import { Text, StyleSheet, TouchableOpacity } from "react-native";
import React from "react";

interface ButtonProps {
  title: string;
}

const Button = (props: ButtonProps) => {
  return (
    <TouchableOpacity style={style.buttonContainer}>
      <Text style={style.button}>{props.title}</Text>
    </TouchableOpacity>
  );
};

const style = StyleSheet.create({
  buttonContainer: {
    backgroundColor: "#0F6CBD",
    padding: 10,
    borderRadius: 5,
  },
  button: {
    textAlign: "center",
    fontSize: 15,
    fontWeight: "bold",
    color: "white",
  },
});

export default Button;