E2EE Group Finance Management
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 

37 lines
660 B

<style>
p {
text-align: center;
}
icon {
font-size: 2em;
margin: auto;
}
form.danger {
border: 3px solid var(--red);
}
</style>
<script lang="typescript">
import { createEventDispatcher } from "svelte";
const dispatch = createEventDispatcher();
export let dangerous = false;
export let primaryButtonText: string;
export let content: string;
</script>
<form class:danger="{dangerous}">
{#if dangerous}
<icon>⚠️</icon>
{/if}
<p>{@html content}</p>
<button
on:click|self="{() => {
dispatch('Submitted');
}}"
class:danger="{dangerous}">{primaryButtonText}</button
>
</form>