RatingGroup experimental

<script lang="ts">
  import * as RatingGroup from '@odbd/svelte/rating-group'
</script>

<RatingGroup.Root count={5} defaultValue={3}>
  <RatingGroup.Label>디자인 시스템 평가</RatingGroup.Label>
  <RatingGroup.Control>
    <RatingGroup.Context>
      {#snippet render(api)}
        {#each api().items as index (index)}
          <RatingGroup.Item {index}>
            <RatingGroup.ItemContext>
              {#snippet render(item)}
                {item().highlighted ? '★' : '☆'}
              {/snippet}
            </RatingGroup.ItemContext>
          </RatingGroup.Item>
        {/each}
      {/snippet}
    </RatingGroup.Context>
  </RatingGroup.Control>
  <RatingGroup.HiddenInput />
</RatingGroup.Root>