<?php
/**
 * Title: Header with post featured image and title
 * Slug: blockette/header-featured-image-title
 * Categories: blockette-header
 * Block Types: core/template-part
 * Viewport Width: 1024
 *
 * @package blockette
 * @since 1.0.0
 */

?>

<!-- wp:cover {"useFeaturedImage":true,"dimRatio":30,"overlayColor":"black","minHeight":30,"minHeightUnit":"vw","className":"alignfull has-parallax has-custom-content-position is-position-top-center","style":{"spacing":{"padding":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}}}} -->
<div class="wp-block-cover alignfull has-parallax has-custom-content-position is-position-top-center"
	style="padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;min-height:30vw"><span
		aria-hidden="true"
		class="wp-block-cover__background has-black-background-color has-background-dim-30 has-background-dim"></span>
	<div class="wp-block-cover__inner-container">
		<!-- wp:columns {"style":{"spacing":{"padding":{"top":"var(--wp--custom--v-spacing, 2.375rem)","right":"var(--wp--custom--h-spacing, 2.375rem)","bottom":"var(--wp--custom--v-spacing, 2.375rem)","left":"var(--wp--custom--h-spacing, 2.375rem)"}}}} -->
		<div class="wp-block-columns"
			style="padding-top:var(--wp--custom--v-spacing, 2.375rem);padding-right:var(--wp--custom--h-spacing, 2.375rem);padding-bottom:var(--wp--custom--v-spacing, 2.375rem);padding-left:var(--wp--custom--h-spacing, 2.375rem)">
			<!-- wp:column {"width":"100%"} -->
			<div class="wp-block-column" style="flex-basis:100%">
				<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between"}} -->
				<div class="wp-block-group">
					<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"}} -->
					<div class="wp-block-group">
						<!-- wp:site-logo {"width":40} /-->

						<!-- wp:site-title {"style":{"elements":{"link":{"color":{"text":"var:preset|color|white"}}}},"fontSize":"large"} /-->
					</div>
					<!-- /wp:group -->

					<!-- wp:group {"style":{"elements":{"link":{"color":{"text":"var:preset|color|white"}}}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
					<div class="wp-block-group has-link-color">

						<!-- wp:navigation {"overlayBackgroundColor":"background","overlayTextColor":"foreground","style":{"spacing":{"blockGap":"1vw"}},"fontSize":"small"} -->

							<!-- wp:navigation-link {"label":"Home","url":"/","kind":"custom","isTopLevelLink":true} /-->
							<!-- wp:navigation-link {"label":"Dummy nav","url":"#","kind":"custom","isTopLevelLink":true} /-->

							<!-- wp:navigation-submenu {"label":"News","url":"#","kind":"custom","isTopLevelItem":true} -->
								<!-- wp:navigation-link {"label":"Archive","url":"#","kind":"custom","isTopLevelLink":false} /-->
								<!-- wp:navigation-link {"label":"Single Post","url":"#","kind":"custom","isTopLevelLink":false} /-->
							<!-- /wp:navigation-submenu -->

							<!-- wp:navigation-submenu {"label":"Pages","url":"#","kind":"custom","isTopLevelItem":true} -->
								<!-- wp:navigation-link {"label":"About","url":"#","kind":"custom","isTopLevelLink":false} /-->
								<!-- wp:navigation-link {"label":"Contact","url":"#","kind":"custom","isTopLevelLink":false} /-->
							<!-- /wp:navigation-submenu -->

						<!-- /wp:navigation -->

						<!-- wp:loginout /-->

						<?php if ( defined( 'WC_PLUGIN_FILE' ) ) { ?>
						<!-- wp:woocommerce/mini-cart {"addToCartBehaviour":"open_drawer","hasHiddenPrice":true,"fontSize":"small"} /-->
						<?php } ?>

					</div>
					<!-- /wp:group -->
				</div>
				<!-- /wp:group -->
			</div>
			<!-- /wp:column -->
		</div>
		<!-- /wp:columns -->

		<!-- wp:spacer {"height":"var(--wp--custom--v-spacing, 4vw)"} -->
		<div style="height:var(--wp--custom--v-spacing, 4vw)" aria-hidden="true" class="wp-block-spacer"></div>
		<!-- /wp:spacer -->

		<!-- wp:post-title {"textAlign":"center","style":{"spacing":{"margin":{"top":"2vw","right":"0vw","bottom":"0vw","left":"0vw"}}},"textColor":"white","fontSize":"big"} /-->

		<!-- wp:post-date {"textAlign":"center","textColor":"background","fontSize":"small"} /-->

		<!-- wp:spacer {"height":"var(--wp--custom--v-spacing, 4vw)"} -->
		<div style="height:var(--wp--custom--v-spacing, 4vw)" aria-hidden="true" class="wp-block-spacer"></div>
		<!-- /wp:spacer -->

	</div>
</div>
<!-- /wp:cover -->
