{"size": 487, "ext": "js", "max_stars_repo_path": "src/components/BorderBoxWrapper.js", "max_stars_repo_name": "Mustakeem/real-resume", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/components/BorderBoxWrapper.js", "max_issues_repo_name": "Mustakeem/real-resume", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "src/components/BorderBoxWrapper.js", "max_forks_repo_name": "Mustakeem/real-resume", "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": 21.1739130435, "max_line_length": 44, "alphanum_fraction": 0.4640657084}
import React from 'react';

import {useStyletron} from 'baseui';

const BorderBoxWrapper = ({ children }) => {
    const [css] = useStyletron();
    return (
        <div
            className={css({
                border: 'solid 2px black',
                borderStyle:'dashed',
                padding: '4vh 4vw',
                width: '50vw',
                margin: '5vh 0'
            })}
        >
            {children}
        </div>
    )

};

export default BorderBoxWrapper;