<script>
import { Button, TextBlock } from "fluent-svelte";
let count = 0;
</script>
<TextBlock variant="display">{count}</TextBlock>
<div>
<Button variant="accent" on:click={() => count++}>Increase Count</Button>
<Button on:click={() => count = 0}>Reset Count</Button>
</div>
<style>
@import url("https://unpkg.com/fluent-svelte/theme.css");
:global(body) {
background-color: var(--fds-solid-background-base);
color: var(--fds-text-primary);
}
</style>