<repo_name>AleffBruno/layoutSimplesReactJS<file_sep>/src/components/_layouts/auth/index.js
import React from 'react'

export default function AuthLayout({children}) {
    return (
        <>  
        AUTH
            {children}
        </>
    )
}<file_sep>/src/main/App.js
import 'bootstrap/dist/css/bootstrap.min.css';
import 'font-awesome/css/font-awesome.min.css';
import './App.css';
import React from 'react';

import '../config/ReactotronConfig';

import { Router} from 'react-router-dom';
import { Provider } from 'react-redux';

import Routes from './Routes';

import history from '../services/history';
import store from '../store/index';
// import Logo from '../components/templates/Logo';
// import Nav from '../components/templates/Nav';
// import Footer from '../components/templates/Footer';

export default function App() {
    return (
        <Provider store={store}>
            <Router history={history}>
                {/* <div className="app">
                    <Logo />
                    <Nav />
                    <Routes />
                    <Footer />
                </div> */}
                <Routes />
            </Router>
        </Provider>
    )
}<file_sep>/src/components/templates/Header.js
import './Header.css';
import React from 'react';

export default function Header({icon, title, subtitle}) {
    return (
        // d-nome = celulares o header nao aparece
        // d-sm-flex = se o dispositivo for sm, use display flex
        // flex-column = ??
        // mt-3 = margin-top 3
        // lead = ??
        // text-muted = ??
        <header className="header d-none d-sm-flex flex-column">
            <h1 className="mt-3"> 
                <i className={`fa fa-${icon}`}></i> {title}
            </h1>
            <p className="lead text-muted">
                {subtitle}
            </p>
        </header>
    )
}<file_sep>/src/components/home/Home.js
import React from 'react';
import Main from '../templates/Main';

export default function Home(props) {
    return (
        <Main icon="home" title="Inicio" subtitle="Segundo titulo">
            <div className="display-4">Bem vindo</div>
            <hr/>
            <p className="mb-0">Sistema de cadastro usando react, aqui vai ter um form</p>
        </Main>
    )
}<file_sep>/src/store/modules/auth/reducer.js
const INITIAL_STATE = {
    token: null,
    signed: false,
}

export default function auth(state = INITIAL_STATE, action) {
    switch(action.type) {
        default: 
            return state
    }
}