<script lang="ts">
  type Item = { text: string }
  export let value: Item | null = null
  export let items: Item[]

</script>

<select bind:value={value} class={ ($$restProps.class ?? '') }>
  {#each items as item}
    <option value={item}>
      {item.text}
    </option>
  {/each}
</select>

<style lang="scss">
  select {
    appearance: none;
  }
</style>