asb_cloud_front/src/pages/Smbo.jsx

import SmboPlate from '../components/SmboPlate'
import '../styles/smbo.css'
import RigPlan from '../images/smbo/RigPlan2.png'
import HoistDummy from '../images/smbo/hoist_LBU_1200.png'
import EquipmentDetails from '../components/modalWindows/EquipmentDetails'
import ActiveMessagesOnline from "../components/ActiveMessagesOnline";

export default function Smbo() {
  return (
    <div className="smbo_container">

      <div className="c1 r1 pointer"><SmboPlate title="Теплогенератор" state={1} operatingTime={2301}/></div>
      <div className="c2 r1 pointer"><SmboPlate title="Емкости бурового раствора" state={1} operatingTime={2564}/></div>
      <div className="c3 r1 pointer"><SmboPlate title="Подпорные насосы" state={1} operatingTime={1054}/></div>
      <div className="c4 r1 pointer"><SmboPlate title="Буровой насос №1" state={1} operatingTime={1589}/></div>
      <div className="c5 r1 pointer"><SmboPlate title="Буровой насос №2" state={0} operatingTime={1203}/></div>
      <div className="c6 r1 pointer"><SmboPlate title="Талевый канат" state={1} operatingTime={1900} units='т·км'/>
      </div>

      <div className="c1 r2 pointer">
        <SmboPlate title="Станция управления ВСП" state={1} operatingTime={75}>
          <EquipmentDetails/>
        </SmboPlate>
      </div>
      <div className="c2 r2 c rspan-7 cspan-4 center"><img src={RigPlan} width="1200" alt={RigPlan}/></div>
      <div className="c6 r2 pointer"><SmboPlate title="Компрессорный блок" state={1} operatingTime={1161}/></div>

      <div className="c1 r3 pointer"><SmboPlate title="Лебедка буровая" state={1} operatingTime={301}><img
        src={HoistDummy}
        width="700"/></SmboPlate>
      </div>
      <div className="c6 r3 pointer"><SmboPlate title="Блок сопротивлений и КТУ" state={1} operatingTime={23}/></div>

      <div className="c1 r4 pointer"><SmboPlate title="Вспомогательная лебедка" state={0} operatingTime={41}/></div>
      <div className="c6 r4 pointer"><SmboPlate title="Блок НКУ" state={3} operatingTime={1596}/></div>

      <div className="c1 r5 pointer"><SmboPlate title="Гидрорасцепитель" state={1} operatingTime={6}/></div>
      <div className="c6 r5 pointer"><SmboPlate title="Блок КРУ" state={0} operatingTime={1955}/></div>

      <div className="c1 r6 pointer"><SmboPlate title="Привод ВСП" state={2} operatingTime={75}/></div>
      <div className="c6 r6 pointer"><SmboPlate title="ДЭС / ДВС" state={1} operatingTime={7481}/></div>

      <div className="c1 r7 pointer"><SmboPlate title="Буровой ключ" state={1} operatingTime={17}/></div>
      <div className="c6 r7 pointer"><SmboPlate title="РВД" state={1} operatingTime={3005}/></div>

      <div className="c1 r8 pointer"><SmboPlate title="Сито-гидро- циклонная установка" state={0} operatingTime={1589}/>
      </div>
      <div className="c6 r8 pointer"><SmboPlate title="Дефектоскоп" state={1} operatingTime={603}/></div>
      <div className="c2 r8 ce6 center">
        <ActiveMessagesOnline/>
      </div>


    </div>
  )
}