components/OutputPanel.jsx

import React from 'react';

const OutputPanel = ({ output, error }) => {
  return (
    <div className="w-full h-64 p-4 bg-gray-900 text-gray-300 font-mono text-sm rounded-lg border border-gray-700">
      {error ? (
        <div className="text-red-400">{error}</div>
      ) : (
        <pre>{output}</pre>
      )}
    </div>
  );
};

export default OutputPanel;