blob: 23d5df77deb3e7f5d96206cb8aaeceefc2f5f03a (
plain) (
blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
|
<script lang="ts">
import PhCopyBold from "virtual:icons/ph/copy-bold";
import { copyNoNewlines as copy } from "$lib/utils";
import samples from "$lib/samples";
let { sample } = $props();
</script>
{#snippet cp(something)}
<button type="button" class="ml-auto" onclick={() => copy(something)} aria-label="Copy value">
<PhCopyBold width="42" />
</button>
{/snippet}
<div
class="bg-primary text-primary-content rounded-lg p-4 flex gap-4 whitespace-pre-wrap font-mono items-center"
>
<div
class="overflow-x-scroll max-w-full [&::-webkit-scrollbar]:hidden [-ms-overflow-style:none] [scrollbar-width:none]"
>
<div class="break-all min-w-[800px]">{samples[sample]}</div>
</div>
{@render cp(samples[sample])}
</div>
|
