<div class="text-base-900 dark:text-base-100 w-full text-sm">
	<div class="flex items-center justify-between font-semibold">
		<span>Accordion Item A</span>
		<svg
			xmlns="http://www.w3.org/2000/svg"
			fill="none"
			viewBox="0 0 24 24"
			stroke-width="1.5"
			stroke="currentColor"
			class="size-5 rotate-180"
		>
			<path stroke-linecap="round" stroke-linejoin="round" d="m19.5 8.25-7.5 7.5-7.5-7.5" />
		</svg>
	</div>
	<div
		class="text-base-500 dark:text-base-400 border-base-200 dark:border-base-900 mt-2 border-b pb-4 text-sm"
	>
		Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, quos.
	</div>

	<div class="mt-4 flex items-center justify-between font-semibold">
		<span>Accordion Item B</span>
		<svg
			xmlns="http://www.w3.org/2000/svg"
			fill="none"
			viewBox="0 0 24 24"
			stroke-width="1.5"
			stroke="currentColor"
			class="size-5"
		>
			<path stroke-linecap="round" stroke-linejoin="round" d="m19.5 8.25-7.5 7.5-7.5-7.5" />
		</svg>
	</div>
</div>
