<script lang="ts">
	import CanadianFractionList from '$lib/components/dashboard/goods/fractions/CanadianFractionList.svelte';
	import * as m from '$lib/paraglide/messages.js';
</script>

<div class="flex flex-col gap-4 p-4">
	<div class="flex items-center justify-between">
		<h1 class="text-2xl font-bold tracking-tight">{m['sidebar.fractions.canadian']()}</h1>
	</div>
	<CanadianFractionList />
</div>
