import { Alert } from 'antd';

const DruidMonitorPage = () => {
  return (
    <div className="app-container" style={{ display: 'flex', flexDirection: 'column', gap: 16 }}>
      <Alert
        type="info"
        showIcon
        message="Druid 数据监控"
        description="本地开发环境通过 `/druid` 代理嵌入后端监控页面。如果页面没有显示，请确认本地后端服务已启动。"
      />
      <iframe
        title="Druid Monitor"
        src="/druid/index.html"
        style={{
          width: '100%',
          minHeight: 'calc(100vh - 240px)',
          border: 0,
          borderRadius: 16,
          background: '#fff',
        }}
      />
    </div>
  );
};

export default DruidMonitorPage;