29 lines
687 B
TypeScript
29 lines
687 B
TypeScript
import React from 'react';
|
|
import { View, Text, TouchableOpacity } from 'react-native';
|
|
import Ionicons from 'react-native-vector-icons/Ionicons';
|
|
import { styles } from '../styles/ActionGridStyles';
|
|
import { actions } from '../constants/data';
|
|
|
|
|
|
|
|
export default function ActionGrid() {
|
|
return (
|
|
<View style={styles.grid}>
|
|
{actions.map((action) => (
|
|
<TouchableOpacity key={action.id} style={styles.button}>
|
|
|
|
<Ionicons
|
|
name={action.icon}
|
|
size={28}
|
|
color={action.color}
|
|
/>
|
|
|
|
<Text style={styles.text}>
|
|
{action.label}
|
|
</Text>
|
|
|
|
</TouchableOpacity>
|
|
))}
|
|
</View>
|
|
);
|
|
} |