CodeBlock

import { CodeBlock } from "@aurelienbbn/gadget-ui/components";

<CodeBlock 
  code="const greeting = 'Hello, world!';" 
  language="typescript" 
/>

<CodeBlock 
  code={`function add(a: number, b: number) {
  return a + b;
}`}
  language="typescript"
  title="utils/math.ts"
/>

<CodeBlock 
  code={`function greet(name: string) {
  console.log(\`Hello, \${name}!\`);
}`}
  language="typescript"
  showLineNumbers
/>

<CodeBlock 
  code={`# Install dependencies
npm install @aurelienbbn/gadget-ui`}
  language="bash"
  title="Terminal"
/>

// Fallback displays code in monospace font without syntax highlighting
<CodeBlockFallback code={code} showLineNumbers={showLineNumbers} />