import * as React from "react";
import { NavLink } from "react-router-dom";

export const AccountHeader = (props: { children?: React.ReactNode }) => (
	<React.Fragment>
		<section className="featured">
			<div className="container">
				<div className="row">
					<div className="col-lg-12">
						<div className="section-title">
							<h2>Nastavení</h2>
						</div>
						<div className="accountHeader_menu">
							<ul>
								<li>
									<NavLink to="/account/info">
										Údaje
									</NavLink>
								</li>
								<li>
									<NavLink to="/account/orders">
										Objednávky
									</NavLink>
								</li>
								<li>
									<NavLink to="/account/addresses">
										Poštovní adresy
									</NavLink>
								</li>
								<li>
									<NavLink to="/account/passwordChange">
										Změna hesla
									</NavLink>
								</li>
							</ul>
						</div>
					</div>
				</div>
				{props.children}
			</div>
		</section>
	</React.Fragment>
);