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>
  );
}