13 lines
649 B
Plaintext
13 lines
649 B
Plaintext
component CodeBlock {
|
|
props {
|
|
class = ""
|
|
language = "text"
|
|
filename = ""
|
|
code = ""
|
|
}
|
|
state copied = false
|
|
view {
|
|
<div class="overflow-hidden rounded-2xl border border-slate-800 bg-slate-950 text-slate-100 {class}"><div class="flex min-h-11 items-center justify-between border-b border-slate-800 px-4 text-xs text-slate-400"><span>{filename || language}</span><button type="button" @click="navigator.clipboard.writeText(code); copied = true" class="rounded-lg px-2 py-1 hover:bg-slate-800">{copied ? 'Copied' : 'Copy'}</button></div><pre class="overflow-x-auto p-4 text-sm leading-6"><code>{code}</code></pre></div>
|
|
}
|
|
}
|