{"size": 904, "ext": "js", "max_stars_repo_path": "Project/client/src/Components/PureBody.js", "max_stars_repo_name": "Priya005622/MERN", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "Project/client/src/Components/PureBody.js", "max_issues_repo_name": "Priya005622/MERN", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "Project/client/src/Components/PureBody.js", "max_forks_repo_name": "Priya005622/MERN", "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": 43.0476190476, "max_line_length": 193, "alphanum_fraction": 0.6305309735}
import React from "react";
import { Link } from "react-router-dom";
import admin from "../assests/admin.png";
// import patient from "../assests/patient.png";
function PureBody({ role, src, link }) {
	return (
		<div style={{borderRight: "10px", borderStyle: "solid", borderColor: "ButtonFace", flex: "1"}}>
			<img width="350px" height="300px" src={admin} alt="Admin" /> 
			
			<h1>{role}</h1>
			<p style={{color:"#C060A1", fontWeight:"bold", fontSize:"25px", fontFamily:"serif"}}>Click Below to Login</p>
			<button style={{border: "2px", backgroundColor: "#738598", color: "pink", width: "100px", height: "50px", borderRadius:"30px", marginBottom: "20px", boxShadow: "3px 4px 2px 2px  #827397"}}>
				<Link style={{ color: "white", fontFamily:"serif", fontWeight:"bolder", fontSize:"20px" }} to={link}>
					Login
				</Link>
			</button>
		</div>
	);

}
export default PureBody;