Back Button

import React from "react";
import { StyleSheet, TouchableOpacity } from "react-native";
import { Octicons } from "@expo/vector-icons";

function NABackButton({ onPress }) {
  return (
    <TouchableOpacity style={styles.back} onPress={onPress}>
      <Octicons name="arrow-left" size={24} color="#458200" />
    </TouchableOpacity>
  );
}

const styles = StyleSheet.create({
  back: {
    width: 40,
    height: 40,
    borderRadius: 24,
    justifyContent: "center",
    alignItems: "center",
    backgroundColor: "white",
  },
});

export default NABackButton;