<script>
// Import Minipills component
import { Minipills } from '@naorah/minipills'
// premade string
let premade = 'pacman'
// premade test list
// you can try other brands
// or get them from
// https://minipills.pelsy.net/logo
let premade_list = ["arte", "archlinux", "mercedes", "applemusic"]
</script>
<h1>Minipills test</h1>
<!-- Premade button selector -->
<div style="margin-bottom: 1rem;">
{#each premade_list as premade_data}
<button style="margin-right: 0.5rem" on:click={() => premade=premade_data}>{premade_data}</button>
{/each}
</div>
<!-- Minipills component -->
<Minipills {premade} />
<!--
##### WANT MORE ? #####
Visit : https://minipills.pelsy.net
-->