<script setup lang="ts">

// type

type Props = {
    rate : number
}

// prop

defineProps<Props>();

</script>

<template>
    <div class="bg-white flex justify-center items-center gap-1.5 lg:gap-2 rounded-full border-[0.5px] border-slate-300 px-3 lg:px-4 py-1 lg:py-2 typo-p-xs lg:typo-p-sm">
        <Icon name="ci:star-solid" class="**:fill-warning-400 size-3.5 lg:size-4.5" />
        <span class="mt-0.5">
            {{ rate }}
        </span>
    </div>
</template>