Files
mobile-darmasaba/components/menuItemRow.tsx
2025-07-28 10:15:27 +08:00

23 lines
742 B
TypeScript

import Styles from "@/constants/Styles"
import { Pressable, View } from "react-native"
import Text from "./Text";
type Props = {
onPress: () => void
icon: React.ReactNode
title: string
column?: 'many' | 'three'
color?: string
disabled?: boolean
}
export default function MenuItemRow({ onPress, icon, title, column, color, disabled }: Props) {
return (
<Pressable onPress={() => { onPress() }} style={[column == 'many' ? Styles.btnMenuRowMany : Styles.btnMenuRow, disabled && { opacity: 0.5 }]}>
<View style={{ alignItems: 'center' }}>
{icon}
<Text style={[Styles.mt05, { textAlign: 'center' }, color && { color: color }]}>{title}</Text>
</View>
</Pressable>
)
}