<script lang="ts">
    import type { PageData } from './$types';
    import Footer from '$lib/components/Footer.svelte';
    import SingleProduct from '$lib/components/single-product.svelte';

    export let data: PageData;
</script>

<div class="container mx-auto px-4 py-8">
    <SingleProduct product={data.product} />
</div>
