54 lines
1.3 KiB
TypeScript
54 lines
1.3 KiB
TypeScript
"use client"
|
|
|
|
/*
|
|
* File: BackButton.tsx
|
|
* Description: Reusable back button component with consistent styling.
|
|
* Design & Developed by Tech4Biz Solutions
|
|
* Copyright (c) Spurrin Innovations. All rights reserved.
|
|
*/
|
|
|
|
import type React from "react"
|
|
import { TouchableOpacity, StyleSheet } from "react-native"
|
|
import Icon from "react-native-vector-icons/Feather"
|
|
import { Colors } from "../../../../shared/src/theme"
|
|
|
|
interface BackButtonProps {
|
|
onPress: () => void
|
|
style?: any
|
|
}
|
|
|
|
const BackButton: React.FC<BackButtonProps> = ({ onPress, style }) => {
|
|
return (
|
|
<TouchableOpacity style={[styles.backButton, style]} onPress={onPress} activeOpacity={0.7}>
|
|
<Icon name="arrow-left" size={20} color={Colors.textPrimary} />
|
|
</TouchableOpacity>
|
|
)
|
|
}
|
|
|
|
const styles = StyleSheet.create({
|
|
backButton: {
|
|
width: 40,
|
|
height: 40,
|
|
borderRadius: 20,
|
|
backgroundColor: Colors.backButtonBackground,
|
|
justifyContent: "center",
|
|
alignItems: "center",
|
|
shadowColor: Colors.backButtonShadow,
|
|
shadowOffset: {
|
|
width: 0,
|
|
height: 2,
|
|
},
|
|
shadowOpacity: 0.1,
|
|
shadowRadius: 4,
|
|
elevation: 3,
|
|
},
|
|
})
|
|
|
|
export default BackButton
|
|
|
|
/*
|
|
* End of File: BackButton.tsx
|
|
* Design & Developed by Tech4Biz Solutions
|
|
* Copyright (c) Spurrin Innovations. All rights reserved.
|
|
*/
|