From cc6bc08706dcbc657b76ddb07ee1c4bdb6107249 Mon Sep 17 00:00:00 2001
From: Adam Soltys <asoltys@gmail.com>
Date: Mon, 27 Feb 2023 19:28:09 -0800
Subject: api docs

---
 src/components/Code.svelte | 15 +++++++++++++++
 src/components/index.js    |  1 +
 2 files changed, 16 insertions(+)
 create mode 100644 src/components/Code.svelte

(limited to 'src/components')

diff --git a/src/components/Code.svelte b/src/components/Code.svelte
new file mode 100644
index 00000000..b3181d0a
--- /dev/null
+++ b/src/components/Code.svelte
@@ -0,0 +1,15 @@
+<script>
+	import { copy } from '$lib/utils';
+	import { Icon } from '$comp';
+	import samples from '$lib/samples';
+	export let sample;
+</script>
+
+<div class="bg-black text-white rounded-lg p-4 flex gap-4 whitespace-pre-wrap font-mono">
+	<div class="w-full break-all">{samples[sample]}</div>
+	<button
+		class="ml-auto my-auto invert opacity-90"
+		on:click={() => copy(samples[sample].replace(/^\s+/gm, '').replace(/\n/g, ''))}
+		><Icon icon="copy" style="w-8" /></button
+	>
+</div>
diff --git a/src/components/index.js b/src/components/index.js
index 0d1d8d1d..1853e7c9 100644
--- a/src/components/index.js
+++ b/src/components/index.js
@@ -1,3 +1,4 @@
+export { default as Code } from './Code.svelte';
 export { default as Slider } from './Slider.svelte';
 export { default as Pinpad } from './Pinpad.svelte';
 export { default as Balance } from './Balance.svelte';
-- 
cgit v1.2.3