laif-ds/dist/agent-docs/components/CodeHighlighter.md

Design System di Laif con componenti React basati su principi di Atomic Design

# CodeHighlighter

## Overview

Client-side code highlighter using Shiki with internal loading state and graceful fallback.

---

## Props

| Prop | Type | Description |
| --- | --- | --- |
| `children` | `string` | Code string |
| `language` | `string` | Shiki language key |
| `className` | `string` | Optional classes for `<pre>` |

---

## Example

```tsx
import CodeHighlighter from "laif-ds/CodeHighlighter";

export function CodeExample() {
  return (
    <CodeHighlighter language="tsx" className="rounded-md border p-3 text-sm">
      {`export const x = (n: number) => n * 2`}
    </CodeHighlighter>
  );
}
```