{"size": 693, "ext": "js", "max_stars_repo_path": "src/utils/components/Table/Table.js", "max_stars_repo_name": "jaccihorvath/employee-directory", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/utils/components/Table/Table.js", "max_issues_repo_name": "jaccihorvath/employee-directory", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "src/utils/components/Table/Table.js", "max_forks_repo_name": "jaccihorvath/employee-directory", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": null, "max_forks_count": null, "avg_line_length": 19.8, "max_line_length": 87, "alphanum_fraction": 0.5382395382}
import React from 'react';
import Container from '../Container/Container';
import UserInfo from '../UserInfo/UserInfo';




const style = {
    tableStyle: {
        marginLeft: "auto",
        marginRight: "auto",
        width: "80%",
        paddingLeft: "30px",
        paddingRight: "30px"
    }
};


function Table(props) {
    return (
        <Container>
            <div className="justify-content-center mx-auto" style={style.tableStyle}>
            <table className="table table-hover table-responsive align-middle mx-auto">
                

                    <UserInfo />
    

                </table>
                </div>
        </Container>
    )
}

export default Table;