import "./Main.css";

export const Main = ({ history }) => {
	return (
		<section id='body'>
			<button className='btn_form' onClick={() => history.push("./login")}>
				Login
			</button>
			<div className='box'>
				<div className='content'>
					<h1>Welcome To The CodePen</h1>
					<p>
						The best place to build, test, and discover front-end code. CodePen is a social development
						environment for front-end designers and developers. Build and deploy a website, show off your work,
						build test cases to learn and debug, and find inspiration.
					</p>
				</div>
			</div>
			<button className='btn_form' onClick={() => history.push("./reg")}>
				Reristration
			</button>
		</section>
	);
};