asb_cloud_front/src/pages/Analysis.jsx

import { AnalysisDepthToDay } from '../components/AnalysisDepthToDay'
import { AnalysisDepthToInterval } from '../components/AnalysisDepthToInterval'
import { AnalysisOperationTime } from '../components/AnalysisOperationTime'
import { Row, Col } from 'antd'

export default function Analysis({idWell}) {

  return (
    <>
    <Row>&nbsp;</Row>
      <Row justify="space-around" align="middle">
        <Col span={10}>
          <h2>График Глубина-день</h2>
          <AnalysisDepthToDay idWell={idWell}/>
        </Col>
        <Col span={10}>
          <h2>График Глубина за интервал</h2>
          <AnalysisDepthToInterval  idWell={idWell}/>
        </Col>
      </Row >
      <Row><div style={{height: "150px"}}>&nbsp;</div></Row>
      <Row justify="space-around" align="middle">
        <Col span={10}>
          <h2>График Операция за время</h2>
          <AnalysisOperationTime  idWell={idWell}/>
        </Col>
      </Row>
    </>
  )
}