import React from 'react';

interface GrafanaPanelProps {
  src: string;
  title: string;
  height?: number;
}

export const GrafanaPanel: React.FC<GrafanaPanelProps> = ({ 
  src, 
  title, 
  height = 300 
}) => {
  return (
    <div className="bg-white rounded-lg shadow-md p-4 mb-4">
      <h3 className="text-lg font-semibold mb-2">{title}</h3>
      <iframe
        src={src}
        width="100%"
        height={height}
        frameBorder="0"
        title={title}
        className="rounded"
      />
    </div>
  );
};
