import React from 'react'
import * as Scroll from 'react-scroll';
const { Element } = Scroll;

export function Contenido() {
    return (
        <main>
            <Element name="inicio">
                <h2>Inicio</h2>
                <p>Contenido de la Pagina de Inicio</p>
                <p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Voluptates et itaque debitis minima
                    quibusdam. Natus tenetur laudantium quibusdam nobis sequi tempore magnam eius eos! Porro quasi
                    a nostrum quod ullam?</p>
                <p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Voluptates et itaque debitis minima
                    quibusdam. Natus tenetur laudantium quibusdam nobis sequi tempore magnam eius eos! Porro quasi
                    a nostrum quod ullam?</p>
                <p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Voluptates et itaque debitis minima
                    quibusdam. Natus tenetur laudantium quibusdam nobis sequi tempore magnam eius eos! Porro quasi
                    a nostrum quod ullam?</p>
            </Element>
            <Element name="productos">
                <h2>Productos</h2>
                <p>Contenido de la Pagina de Productos</p>
                <p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Voluptates et itaque debitis minima
                    quibusdam. Natus tenetur laudantium quibusdam nobis sequi tempore magnam eius eos! Porro quasi
                    a nostrum quod ullam?</p>
                <p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Voluptates et itaque debitis minima
                    quibusdam. Natus tenetur laudantium quibusdam nobis sequi tempore magnam eius eos! Porro quasi
                    a nostrum quod ullam?</p>
                <p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Voluptates et itaque debitis minima
                    quibusdam. Natus tenetur laudantium quibusdam nobis sequi tempore magnam eius eos! Porro quasi
                    a nostrum quod ullam?</p>
            </Element>
            <Element name="usuarios">
                <h2>Usuarios</h2>
                <p>Contenido de la Pagina de Usuarios</p>
                <p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Voluptates et itaque debitis minima
                    quibusdam. Natus tenetur laudantium quibusdam nobis sequi tempore magnam eius eos! Porro quasi
                    a nostrum quod ullam?</p>
                <p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Voluptates et itaque debitis minima
                    quibusdam. Natus tenetur laudantium quibusdam nobis sequi tempore magnam eius eos! Porro quasi
                    a nostrum quod ullam?</p>
                <p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Voluptates et itaque debitis minima
                    quibusdam. Natus tenetur laudantium quibusdam nobis sequi tempore magnam eius eos! Porro quasi
                    a nostrum quod ullam?</p>
            </Element>
        </main>
    )
}