Something went wrong. Try again.
svelte astro
Something went wrong. Try again.
1234567891011121314151617181920212223242526272829303132333435363738394041<script lang="ts"> import { proyectState } from "../State.svelte"; import { randomTooltip } from "../utils"; import Block from "./Block.svelte";
const congratulations = [ "Nice work!", "Saved and sound.", "Look at you go!", "Another one in the bag.", "Progress, locked in.", "That's a wrap!", "Solid save.", ];
let tooltip = $state(congratulations[0]); const pickTooltip = () => { tooltip = randomTooltip(congratulations); };</script>
<button onclick={() => null} onmouseenter={pickTooltip}> <Block color="var(--green)" {tooltip} tooltipPos="left" tooltipDelay={1}> <p>Save</p> </Block></button>
<style> button { background: none; border: none; cursor: pointer; padding: 0; } p { font-weight: bold; color: var(--green); margin: 0; }</style>