const asset = require("../../utils/asset-loader/asset-loader")(__dirname);

module.exports = async ({
	header_top,
	header_bottom,
	description,
}) => /* HTML */ `
	<section
		class="splash-header"
		style="background-image: url('${await asset(
			"./splash-background.svg"
		)}');"
	>
		<div class="splash-header__container">
			<h1 class="splash-header__header">
				<span class="splash-header__header-top">${header_top}</span>
				<span class="splash-header__header-bottom"
					>${header_bottom}</span
				>
			</h1>
			<h2 class="splash-header__description">${description}</h2>
		</div>
	</section>
`;
