Planilla de creación de componentes

componentes.js

//El armado del css lo haremos según styled components (https://www.styled-components.com/)
//Para reutilizar los componentes, me parece que sería mejor tenerlos en un archivo aparte.

const Button = styled.a`
//Acá iria todo el css de cada componente por ej de una etiqueta <a href=""></a>
`
const Title = styled.h1`
//Acá iria todo el css de cada componente por ej de una etiqueta <h1></h1>
`

export { Button, Title };

planilla_React.js

import React from "react";
import { Button, Title } from "./componentes.js"; // Acá se deben importar los componentes del archivo externo

function NavBar() {
    
    return(
        /* 
        Acá iria la parte html del componente, en este caso de la navbar, 
        y como ejemplo el button y el title con su css se llamarían en este return como etiquetas html
        por ej <Button>Crear proyecto</Button>.
        */
    )
}

export default NavBar;