<Docs title="3 Items" layout="fullscreen">
	<ProductMoodSection items={dummyItems.slice(0, 3)} client:idle />
</Docs>

<Docs title="4 Items" layout="fullscreen">
	<ProductMoodSection items={dummyItems.slice(0, 4)} client:idle />
</Docs>

<Docs title="5 Items" layout="fullscreen">
	<ProductMoodSection items={dummyItems.slice(0, 5)} client:idle />
</Docs>

<Docs title="6 Items" layout="fullscreen">
	<ProductMoodSection items={dummyItems} client:idle />
</Docs>