<Docs title="Panel - Cherry Tone (Default)">
	<Panel
		backgroundColor="cherry"
		headline={{
			title: "Swiss Travel Experience",
			text: "Discover the beauty and adventure that Switzerland has to offer",
		}}
	>
		<p>Experience the breathtaking landscapes, pristine lakes, and majestic mountains that make Switzerland a world-renowned destination for travelers seeking adventure and natural beauty.</p>
		<p>From the snow-capped peaks of the Alps to the serene waters of Lake Geneva, every region has its own unique charm and attractions.</p>
	</Panel>
</Docs>

<Docs title="Panel - Stone Tone">
	<Panel
		backgroundColor="stone"
		headline={{
			title: "Swiss Culture & Heritage",
			text: "Immerse yourself in the rich cultural heritage of Switzerland",
		}}
	>
		<p>Switzerland offers an unparalleled travel experience with its diverse landscapes and rich cultural heritage. From traditional festivals and local customs to world-class museums and historic architecture.</p>
		<p>Whether you're seeking adventure in the mountains, exploring historic cities like Zurich and Bern, or indulging in world-famous Swiss chocolate and cheese, Switzerland provides endless opportunities for memorable experiences.</p>
	</Panel>
</Docs>

<Docs title="Panel - Without Headline">
	<Panel backgroundColor="cherry">
		<p>This panel demonstrates how the component looks without a headline. The content is still properly styled and contained within the panel's visual boundaries.</p>
		<p>The panel maintains its responsive design and proper spacing regardless of whether a headline is present or not.</p>
	</Panel>
</Docs>

<Docs title="Panel - Minimal Content">
	<Panel
		backgroundColor="stone"
		headline={{
			title: "Simple Message",
		}}
	>
		<p>A simple panel with minimal content to show the basic structure.</p>
	</Panel>
</Docs>