{"size": 762, "ext": "js", "max_stars_repo_path": "src/components/Layout.js", "max_stars_repo_name": "helmethair-co/lynx-website", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/components/Layout.js", "max_issues_repo_name": "helmethair-co/lynx-website", "max_issues_repo_issues_event_min_datetime": "2019-05-10T13:47:32.000Z", "max_issues_repo_issues_event_max_datetime": "2020-12-28T13:06:27.000Z", "max_forks_repo_path": "src/components/Layout.js", "max_forks_repo_name": "felfele/felfele.com", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": 16, "max_forks_count": null, "avg_line_length": 22.4117647059, "max_line_length": 47, "alphanum_fraction": 0.4960629921}
import React, { Fragment } from 'react';

import '../styles/styles.css';
import '../styles/fonts.css';
import Navbar from './Navbar';
import Footer from './Footer';
import { Ruler } from './Ruler';

class Layout extends React.Component {
    render() {
        const { children } = this.props;
        const importedStyle = this.props.style;
        const defaultStyle = {
            fontFamily: 'Nunito Sans',
            color: 'black',
        };

        const finalStyle = {
            ...defaultStyle,
            ...importedStyle,
        };
        return (
            <Fragment>
                <Navbar/>
                {children}
                <Ruler/>
                <Footer/>
            </Fragment>
        );
    }
}

export default Layout;
