<script>
	import { Subheading } from '$lib/components/base/heading';
	import Phone from '$lib/components/extra/phone/Phone.svelte';
</script>

<Subheading class="mb-4">Phone</Subheading>

<Phone>
	<div class="bg-accent-200 flex h-full w-full items-center justify-center p-8">
		<div class="text-3xl font-bold text-black">Hello there</div>
	</div>
</Phone>
