// Auto-generated by the twoslash-cli from single-with-settings.ts.md
import React from "react"

const innerHTML = `
<pre class="shiki nord twoslash lsp" style="background-color: #2e3440ff; color: #d8dee9ff"><div class="language-id">ts</div><div class='code-container'><code><div class='line'><span style="color: #81A1C1">const</span><span style="color: #D8DEE9FF"> </span><span style="color: #D8DEE9"><data-lsp lsp='const a: 123' >a</data-lsp></span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">=</span><span style="color: #D8DEE9FF"> </span><span style="color: #B48EAD">123</span></div><div class='line'><span style="color: #81A1C1">const</span><span style="color: #D8DEE9FF"> </span><span style="color: #D8DEE9"><data-lsp lsp='const b: 3456' >b</data-lsp></span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">=</span><span style="color: #D8DEE9FF"> </span><span style="color: #B48EAD">3456</span></div></code></div></pre>
<pre class="shiki light-plus twoslash lsp" style="background-color: #FFFFFF; color: #000000"><div class="language-id">ts</div><div class='code-container'><code><div class='line'><span style="color: #0000FF">const</span><span style="color: #000000"> </span><span style="color: #0070C1"><data-lsp lsp='const a: 123' >a</data-lsp></span><span style="color: #000000"> = </span><span style="color: #098658">123</span></div><div class='line'><span style="color: #0000FF">const</span><span style="color: #000000"> </span><span style="color: #0070C1"><data-lsp lsp='const b: 3456' >b</data-lsp></span><span style="color: #000000"> = </span><span style="color: #098658">3456</span></div></code></div></pre>
`

export const Code = () => <div dangerouslySetInnerHTML={{ __html: innerHTML }} />
