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

const innerHTML = `
<pre class="shiki dark-plus twoslash lsp" style="background-color: #1E1E1E; color: #D4D4D4"><div class="language-id">ts</div><div class='code-container'><code><div class='line dim'><span style="color: #6A9955">// codefence: {1}</span></div><div class='line highlight'><span style="color: #569CD6">function</span><span style="color: #D4D4D4"> </span><span style="color: #DCDCAA"><data-lsp lsp='function greet(person: string, date: Date): void' >greet</data-lsp></span><span style="color: #D4D4D4">(</span><span style="color: #9CDCFE"><data-lsp lsp='(parameter) person: string' >person</data-lsp></span><span style="color: #D4D4D4">: </span><span style="color: #4EC9B0">string</span><span style="color: #D4D4D4">, </span><span style="color: #9CDCFE"><data-lsp lsp='(parameter) date: Date' >date</data-lsp></span><span style="color: #D4D4D4">: </span><span style="color: #4EC9B0"><data-lsp lsp='interface Date' >Date</data-lsp></span><span style="color: #D4D4D4">) {</span></div><div class='line dim'><span style="color: #D4D4D4">  </span><span style="color: #9CDCFE"><data-lsp lsp='var console: Console' >console</data-lsp></span><span style="color: #D4D4D4">.</span><span style="color: #DCDCAA"><data-lsp lsp='(method) Console.log(...data: any[]): void' >log</data-lsp></span><span style="color: #D4D4D4">(</span><span style="color: #CE9178">`Hello </span><span style="color: #569CD6">${</span><span style="color: #9CDCFE"><data-lsp lsp='(parameter) person: string' >person</data-lsp></span><span style="color: #569CD6">}</span><span style="color: #CE9178">, today is </span><span style="color: #569CD6">${</span><span style="color: #9CDCFE"><data-lsp lsp='(parameter) date: Date' >date</data-lsp></span><span style="color: #D4D4D4">.</span><span style="color: #DCDCAA"><data-lsp lsp='(method) Date.toDateString(): string' >toDateString</data-lsp></span><span style="color: #D4D4D4">()</span><span style="color: #569CD6">}</span><span style="color: #CE9178">!`</span><span style="color: #D4D4D4">)</span></div><div class='line dim'><span style="color: #D4D4D4">}</span></div><div class='line dim'>&nbsp;</div><div class='line dim'><span style="color: #DCDCAA"><data-lsp lsp='function greet(person: string, date: Date): void' >greet</data-lsp></span><span style="color: #D4D4D4">(</span><span style="color: #CE9178">"Maddison"</span><span style="color: #D4D4D4">, </span><span style="color: #569CD6">new</span><span style="color: #D4D4D4"> </span><span style="color: #4EC9B0"><data-lsp lsp='var Date: DateConstructor&#10;new () => Date (+4 overloads)' >Date</data-lsp></span><span style="color: #D4D4D4">())</span></div><div class='line dim'>&nbsp;</div></code></div></pre>
`

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