| 1 | --- |
| 2 | import { highlightTS } from "./highlightTS"; |
| 3 | |
| 4 | interface Props { |
| 5 | filename?: string; |
| 6 | code: string; |
| 7 | compact?: boolean; |
| 8 | } |
| 9 | |
| 10 | const { filename = "alchemy.run.ts", code, compact } = Astro.props; |
| 11 | const html = highlightTS(code); |
| 12 | --- |
| 13 | |
| 14 | <div class:list={["alc-code-block", compact && "alc-code-block--compact"]}> |
| 15 | <div class="alc-code-block__header"> |
| 16 | <span class="alc-code-block__filename">{filename}</span> |
| 17 | </div> |
| 18 | <pre class="alc-code-block__pre" set:html={html} /> |
| 19 | </div> |