import React from 'react';
import { StyleSheet, View } from 'react-native';
import NavbarBack from './NavbarBack';
import Navigation from './Navigation';

interface LayoutProps {
  title: string;
  children: React.ReactNode;
}

const LayoutTwo: React.FC<LayoutProps> = ({ title, children }) => {
  return (
    <View style={styles.container}>
      <NavbarBack title={title} />
      {children}
      <Navigation />
    </View>
  );
};

export default LayoutTwo;

const styles = StyleSheet.create({
  safeArea: {
    flex: 1,
    backgroundColor: '#fff',
  },
  container: {
    flex: 1,
    backgroundColor: '#fff',
  },
});
