code-block-demo

1import { CodeBlock } from "@/registry/default/ui/code-block";
2 
3const code = `import React from "react";
4 
5function HelloWorld() {
6  return (
7    <div className="p-4 rounded-lg bg-primary text-primary-foreground">
8      <h1>Hello, World!</h1>
9      <p>This is a simple React component.</p>
10    </div>
11  );
12}
13 
14export default HelloWorld;`;
15 
16export default function CodeBlockDemo() {
17  return (
18    <div className="w-full max-w-3xl">
19      <CodeBlock
20        code={code}
21        language="tsx"
22        title="HelloWorld.tsx"
23        highlightLines={[6]}
24      />
25    </div>
26  );
27}