Bagasbanuna02
f9e96aa077
Fix: event beranda dan status > tampilan Feature: create event dan halaman detail status Fix: Basebox: Hide safearea kalau ada tabs Fix: TextCustom: Tambah size xlarge Fix: ScrollCustom penambhan props value # No Issue
79 lines
1.7 KiB
TypeScript
79 lines
1.7 KiB
TypeScript
import { AccentColor } from "@/constants/color-palet";
|
|
import {
|
|
PADDING_EXTRA_SMALL,
|
|
PADDING_MEDIUM,
|
|
PADDING_SMALL,
|
|
} from "@/constants/constans-value";
|
|
import { Href, router } from "expo-router";
|
|
import {
|
|
StyleProp,
|
|
TouchableHighlight,
|
|
TouchableOpacity,
|
|
View,
|
|
ViewStyle,
|
|
} from "react-native";
|
|
|
|
interface BaseBoxProps {
|
|
children: React.ReactNode;
|
|
style?: StyleProp<ViewStyle>;
|
|
href?: Href;
|
|
onPress?: () => void;
|
|
marginBottom?: number;
|
|
padding?: number;
|
|
paddingInline?: number;
|
|
paddingBlock?: number;
|
|
}
|
|
|
|
export default function BaseBox({
|
|
children,
|
|
style,
|
|
href,
|
|
onPress,
|
|
marginBottom = PADDING_MEDIUM,
|
|
paddingBlock = PADDING_MEDIUM,
|
|
paddingInline = PADDING_SMALL,
|
|
}: BaseBoxProps) {
|
|
|
|
return (
|
|
<>
|
|
{onPress || href ? (
|
|
<TouchableOpacity
|
|
activeOpacity={0.7}
|
|
onPress={href ? () => router.navigate(href) : onPress}
|
|
style={[
|
|
{
|
|
backgroundColor: AccentColor.darkblue,
|
|
borderColor: AccentColor.blue,
|
|
borderWidth: 1,
|
|
borderRadius: 10,
|
|
marginBottom,
|
|
paddingBlock,
|
|
paddingInline,
|
|
},
|
|
style,
|
|
]}
|
|
>
|
|
<View>{children}</View>
|
|
</TouchableOpacity>
|
|
) : (
|
|
<View
|
|
style={[
|
|
{
|
|
backgroundColor: AccentColor.darkblue,
|
|
borderColor: AccentColor.blue,
|
|
borderWidth: 1,
|
|
borderRadius: 10,
|
|
marginBottom,
|
|
paddingBlock,
|
|
paddingInline,
|
|
},
|
|
style,
|
|
]}
|
|
>
|
|
{children}
|
|
</View>
|
|
)}
|
|
</>
|
|
);
|
|
}
|