<script lang="ts">

</script>

<template>
    <div class="flex items-center gap-2">
        <div class="flex items-center gap-1">
            <Icon
                name="ci:star-solid"
                class="size-4.5 **:fill-yellow-500"
            />
            <Icon
                name="ci:star-solid"
                class="size-4.5 **:fill-yellow-500"
            />
            <Icon
                name="ci:star-solid"
                class="size-4.5 **:fill-yellow-500"
            />
            <Icon
                name="ci:star-solid"
                class="size-4.5 **:fill-yellow-500"
            />
            <Icon
                name="ci:star-solid"
                class="size-4.5 **:fill-yellow-500"
            />
        </div>
        <span class="typo-p-sm">
            5.0
        </span>
    </div>
</template>