export class Layout extends React.Component<{}, {}> {

    constructor(props: any) {
        super(props);
    }

    public render() {
        return <div className='container-fluid' id='userNameID' data-UserName="">
            <div className='row' id='Conteiner'>
                <div className='nav_top_line'>
                    < NavMenuData User="" Password="" />
                </div>

                <div className='nav_container' id='nav_container'>
                    { this.props.children }
               </div>
            </div>
        </div>;
    }
}

/*

My CSS style:

.nav_top_line {
    width: 100%;
    height: 55px;
    left: 0px;
    top: 0px;
    z-index: 100;
}


.nav_container {
    padding-top:55px;
    width: 100%;
    padding-left:20px;
    padding-right:20px;
    height: calc(100%-55px);
}

*/