import React from 'react';

import { View, Text } from 'react-native';

// Name component

function Name() {

  // Define the list of students

  const students = [

    { name: 'Ali Khan', isPresent: true },

    { name: 'Noman', isPresent: true },

    { name: 'Faisal', isPresent: false },

    { name: 'Javed', isPresent: false },

  ];

  return (

    <Attendance students={students} />

  );

}

// Attendance component

function Attendance({ students }) {

  return (

    <View>

      {students.map((student, index) => (

        <Text key={index}>

          {student.name} {student.isPresent ? 'Present' : 'Absent'}

        </Text>

      ))}

    </View>

  );

}

export default function App() {

  return (

    <View>

      <Name />

    </View>

  );

}