Untitled

// Import necessary modules
import React from 'react';
import { View, Text, StyleSheet } from 'react-native';

// Create a functional component for the educational page
const RespiratorySystemPage = () => {
  return (
    <View style={styles.container}>
      <Text style={styles.title}>Respiratory System</Text>
      <Text style={styles.paragraph}>
        The respiratory system is a vital part of the human body. It includes the lungs, trachea,
        bronchi, and more. Its main function is to supply oxygen to the body's cells and remove
        carbon dioxide.
      </Text>
      <Text style={styles.paragraph}>
        To breathe, the diaphragm and rib muscles contract, causing the chest cavity to expand.
        This allows air to enter the lungs. When you exhale, the muscles relax, and air is pushed
        out of the lungs.
      </Text>
      {/* Add more educational content here */}
    </View>
  );
};

// Define styles using StyleSheet
const styles = StyleSheet.create({
  container: {
    flex: 1,
    padding: 16,
    backgroundColor: '#f0f0f0',
  },
  title: {
    fontSize: 24,
    fontWeight: 'bold',
    marginBottom: 16,
  },
  paragraph: {
    fontSize: 16,
    marginBottom: 12,
  },
});

// Export the component
export default RespiratorySystemPage;