matiru

Blockchain-Based Supply Chain Transparency for Agricultural Produce

frontend/components/DetailRow.js (667B)


 1import { View, Text } from "react-native";
 2import { MaterialCommunityIcons } from "@expo/vector-icons";
 3import { colors } from "../styles";
 4
 5export default function DetailRow({ icon, label, value }) {
 6  return (
 7    <View
 8      style={{ flexDirection: "row", alignItems: "center", marginVertical: 6 }}
 9    >
10      <MaterialCommunityIcons
11        name={icon}
12        size={20}
13        color={colors.darkGreen}
14        style={{ marginRight: 12 }}
15      />
16      <View style={{ flex: 1 }}>
17        <Text style={{ fontSize: 12, color: colors.gray }}>{label}</Text>
18        <Text style={{ fontSize: 15, fontWeight: "600" }}>{value}</Text>
19      </View>
20    </View>
21  );
22}