Files
hipmi-mobile/components/Button/BackButton.tsx
2026-01-08 10:12:53 +08:00

39 lines
813 B
TypeScript

import { MainColor } from "@/constants/color-palet";
import { Ionicons } from "@expo/vector-icons";
import { Href, router } from "expo-router";
/**
*
* @param path - path to navigate to ?
* @default router.back()
* @returns if path : router.replace(path) else router.back()
*/
const LeftButtonCustom = ({
path,
icon = "arrow-back",
iconCustom,
onPress,
}: {
path?: Href;
icon?: React.ReactNode | any;
iconCustom?: React.ReactNode;
onPress?: () => void;
}) => {
return (
<>
{iconCustom ? (
iconCustom
) : (
<Ionicons
name={icon}
size={20}
color={MainColor.yellow}
onPress={() => (onPress ? onPress() : path ? router.replace(path) : router.back())}
/>
)}
</>
);
};
export default LeftButtonCustom;