<script>
    let open = $state(false);
</script>

<Tooltip
    bind:open
    palette="tone"
    direction="bottom"
    align="center"
    bordered
    arrow
>
    {#snippet trigger()}
        <Button>Hover me</Button>
    {/snippet}

    {#snippet children()}
        Hello from the tooltip.
    {/snippet}
</Tooltip>