<script setup>
defineProps({
    size: { type: Number, default: 36 },
    tok: { type: Object, required: true },
});
</script>

<template>
    <div :style="{
        width: size + 'px', height: size + 'px', borderRadius: '50%',
        background: tok.light, flexShrink: 0,
        display: 'flex', alignItems: 'center', justifyContent: 'center',
        fontSize: (size * 0.44) + 'px', border: '2px solid ' + tok.primary,
    }">🤖</div>
</template>
