Resizable

templ ResizableDemo() {
	<div class="w-full max-w-2xl mx-auto">
		<div class="rounded-xl border overflow-hidden" style="height: 200px;">
			@ui.ResizablePanelGroup("horizontal", "h-full", nil) {
				@ui.ResizablePanel(50, "flex items-center justify-center p-6", nil) {
					<span class="font-semibold">One</span>
				}
				@ui.ResizableHandle(true, false, "", nil)
				@ui.ResizablePanelGroup("vertical", "h-full flex-1", nil) {
					@ui.ResizablePanel(50, "flex items-center justify-center p-6", nil) {
						<span class="font-semibold">Two</span>
					}
					@ui.ResizableHandle(false, true, "", nil)
					@ui.ResizablePanel(50, "flex items-center justify-center p-6", nil) {
						<span class="font-semibold">Three</span>
					}
				}
			}
		</div>
	</div>
}