<!--
    Component: Page
    Description: The main page component of the application.
-->
<script lang="ts">
import { ComparisonView } from '$widgets/ComparisonView';
import { cubicIn } from 'svelte/easing';
import { fade } from 'svelte/transition';
</script>

<div
    class="h-full flex flex-col gap-3 sm:gap-4"
    in:fade={{ duration: 500, delay: 150, easing: cubicIn }}
>
    <main class="w-auto">
        <ComparisonView />
    </main>
</div>
