<script lang="ts">
	import { CustomerBottomNav } from '$lib/components/customer';
	import type { LayoutData } from './$types';

	let { data, children }: { data: LayoutData; children: any } = $props();
</script>

<!-- Main content with bottom padding for nav -->
<div class="pb-20">
	{@render children()}
</div>

<!-- Bottom navigation -->
<CustomerBottomNav />
