1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
|
<script>
import { copy, s, f, toFiat } from "$lib/utils";
import { fiat } from "$lib/store";
const { align, amount, locale, tip, rate, currency } = $props();
</script>
{#if typeof amount !== "undefined"}
<div>
<h2
class="text-2xl md:text-3xl font-semibold flex items-end cursor-copy"
class:justify-center={align !== "left"}
>
<div class="flex items-center" onclick={() => copy(amount)}>
<iconify-icon noobserver icon="ph:lightning-fill" class="text-yellow-300"
></iconify-icon>{s(amount, locale)}
</div>
{#if tip}
<div class="flex items-center text-lg ml-2">
<div>+</div>
<iconify-icon noobserver icon="ph:lightning-fill" class="text-yellow-300"
></iconify-icon>
<div>{s(tip, locale)}</div>
</div>
{/if}
</h2>
<h3
class="flex text-secondary md:text-lg cursor-copy items-center gap-1"
class:justify-center={align !== "left"}
onclick={() => copy(toFiat(amount, rate).toFixed(2))}
>
{f(toFiat(amount, rate), currency, locale)}
{#if tip}
<span class="text-base">
+{f(toFiat(tip, rate), currency, locale)}
</span>
{/if}
</h3>
</div>
{/if}
|
