examples/CodePanel.tsx

import { CodePanel } from '../CodePanel';

export default function CodePanelExample() {
  const sampleCode = `function reverseString(str) {
  return str.split('').reverse().join('');
}

// Example usage
const original = "Hello, World!";
const reversed = reverseString(original);
console.log(reversed); // !dlroW ,olleH`;

  return (
    <div className="h-[600px]">
      <CodePanel
        fileName="example.js"
        language="JavaScript"
        code={sampleCode}
        onRun={() => console.log('Run code')}
      />
    </div>
  );
}