<template>
	<a-space direction="vertical" style="margin-top: 10px">
		<a-avatar shape="square">
			<template #icon>
				<icon-font :type="icon"></icon-font>
			</template>
		</a-avatar>
		<a-typography-paragraph>{{ name }}</a-typography-paragraph>
	</a-space>
</template>
<script lang="ts" setup>
	const props = defineProps({
		icon: {
			type: String,
			required: true,
		},
		name: {
			type: String,
			required: true,
		},
	})
	const { icon, name } = toRefs(props)
</script>
