{"size": 1322, "ext": "js", "max_stars_repo_path": "Desktop/nelly/teck/src/features/HeaderBox/headerbox.js", "max_stars_repo_name": "uhembenelson/borrowlite-front", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "Desktop/nelly/teck/src/features/HeaderBox/headerbox.js", "max_issues_repo_name": "uhembenelson/borrowlite-front", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "Desktop/nelly/teck/src/features/HeaderBox/headerbox.js", "max_forks_repo_name": "uhembenelson/borrowlite-front", "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": 38.8823529412, "max_line_length": 95, "alphanum_fraction": 0.4735249622}
import { Box, Button, Typography } from "@material-ui/core";
import indexImg from "./../../images/Indexbackground.jpg"
import "./headerbox.css"
import { HeaderTitle, HeaderDescription, PrimaryButton } from "./../Atoms"

export default function HeaderBox(props) {
    return (
        <Box style={{ position: 'relative' }} disableGutters className="headerBox">
            <img src={indexImg} style={{ width: '100%' }} />
            <Box style={{
                position: 'absolute', textAlign: 'left', width: '65%', top: 0, marginTop: '0%'
            }} >
                <HeaderTitle>
                    {props.headerTitle}
                </HeaderTitle>
                <HeaderDescription>
                    {props.headerDescription}
                </HeaderDescription>
                <br />
                {
                    props.headerLink &&
                    <>
                        <PrimaryButton>{props.headerLink.text}</PrimaryButton><br />
                        <Typography className="headerDescription" component="p"
                            style={{ fontSize: '12px', marginLeft: '20px', marginTop: '2px' }}>
                            {props.headerLink.subText}
                        </Typography>
                    </>
                }

            </Box>
        </Box>
    );
}