import React from "react";
import Link from "next/link";

export default class MainHeader extends React.Component 
{
	constructor(props)
	{
		super(props);
	}

	render()
	{
		const { logo_url } = this.props;

		console.log("Header", "this.props", this.props);
		return (
			<header>
				<div className="container">
					<Link href={ logo_url !== undefined ? logo_url : "/" }>
						<a className="logo">
							<img src="/assets/images/logo.svg" alt="" width="217px" height="32px" />
						</a>
					</Link>
					<div className="header_menu">
						<nav>
						<ul>
							<li>
								<Link href={ `${ process.env.NEXT_PUBLIC_MAIN_SITE }/programs/` }>
									<a>Программы</a>
								</Link>
							</li>
							<li>
								<Link href={ `${ process.env.NEXT_PUBLIC_MAIN_SITE }/special/` }>
									<a>Спецпредложения</a>
								</Link>
							</li>
							<li>
								<Link href={ `${ process.env.NEXT_PUBLIC_MAIN_SITE }/services/` }>
									<a>Сервисы</a>
								</Link>
							</li>
							<li>
								<Link href={ `${ process.env.NEXT_PUBLIC_MAIN_SITE }/catalog/` }>
									<a>Каталог автомобилей</a>
								</Link>
							</li>
							<li>
								<Link href={ `${ process.env.NEXT_PUBLIC_MAIN_SITE }/about/news/` }>
									<a>О компании</a>
								</Link>
							</li>
						</ul>
						</nav>

						<a href="tel:88003337575">8 800 333 75 75</a>
					</div>
				</div>
			</header>
		)
	}
}