Code Block

import { CodeBlock } from "@/components/ui/code-block";

export default function Example() {
  const code = `function hello(name: string) {
  console.log(\`Hello, \${name}!\`);
  return true;
}`;

  return (
    <CodeBlock language="typescript">
      {code}
    </CodeBlock>
  );
}

<CodeBlock language="python">
{`def fibonacci(n):
    if n <= 1:
        return n
    return fibonacci(n-1) + fibonacci(n-2)

print(fibonacci(10))`}
</CodeBlock>

<CodeBlock language="javascript" showLineNumbers>
{`const app = express();
app.use(express.json());
app.listen(3000);`}
</CodeBlock>

<CodeBlock language="tsx" filename="app/page.tsx">
{`export default function Page() {
  return <div>Hello World</div>;
}`}
</CodeBlock>

<CodeBlock language="rust">       {/* Shows Rust icon */}
<CodeBlock language="go">         {/* Shows Go icon */}
<CodeBlock language="python">     {/* Shows Python icon */}
<CodeBlock language="typescript"> {/* Shows TypeScript icon */}