<script lang="ts">
	import IconStar from "~icons/solar/star-broken";
	import Icon from "./icon.svelte";

	let { rating }: { rating: number } = $props();
</script>

<div class="flex items-center gap-2">
	<p class="text-xl font-medium tracking-wide text-brand-100">{rating}</p>
	<Icon icon={IconStar} cls="w-auto h-8 text-amber-300" />
</div>
