<script lang="ts" module>
	import { type StoreEntity } from "./+page.server.ts";
	import { snackImage } from "./func.svelte";
	import "./snacks.scss";
	export { snackProduct };
</script>

{#snippet snackProduct(product: StoreEntity)}
	<div class="SnackProductContainer">
		<enhanced:img src={snackImage(product.image)} />
		<div class="SnackProductDetails">
			<h1>{product.name}</h1>
			<div class="SnackProductButtons"></div>
		</div>
	</div>
{/snippet}
