<Docs title="1 image" layout="fullscreen">
	<div style="height: 200vh">
		<PageHeaderHero
			title={title}
			breadcrumbs={breadcrumbs}
			images={images.slice(0, 1)}
			backgroundColor="yellow"
			client:load
		/>
	</div>
</Docs>

<Docs title="2 images" layout="fullscreen">
	<div style="height: 200vh">
		<PageHeaderHero
			title={title}
			breadcrumbs={breadcrumbs}
			images={images.slice(0, 2)}
			client:load
		/>
	</div>
</Docs>

<Docs title="3 images" layout="fullscreen">
	<div style="height: 200vh">
		<PageHeaderHero
			title={title}
			breadcrumbs={breadcrumbs}
			images={images.slice(0, 3)}
			client:load
		/>
	</div>
</Docs>