<script lang="ts">
	import { UserProfile } from '@foxui/all';
</script>

<div class="flex h-full w-full items-center justify-center">
	<div class="scale-65 -mt-8">
		<UserProfile
			class="h-48 w-96"
			profile={{
				handle: 'flo-bit',
				displayName: 'Florian',
				avatar: 'https://github.com/flo-bit.png',
				banner:
					'https://cdn.bsky.app/img/banner/plain/did:plc:257wekqxg4hyapkq6k47igmp/bafkreidekzsdfuwjphnfbyobzfniy4mijpfwshtagdqp2jibea7ojwoc2e@jpeg'
			}}
		/>
	</div>
</div>
