<script>
  import { fade } from 'svelte/transition'

  let {icon, x=0, y=0, onclick=null} = $props()
  
</script>

<div class="circle surface-container-highest small-elevate small-padding"
  style="position: absolute;" 
  style:top={`${y}px`} 
  style:left={`${x}px`}
  in:fade
  onclick={onclick}>
  <i class={`devicon-${icon}-plain extra`}></i>
</div>