import React from 'react';
import './MonitorDelivery.css';


function MonitorDelivery() {
  return (
    <section className="monitor-delivery">
      <div className="container">
        <h2>Monitor Your Delivery</h2>
        <div className="monitor-cards">
          <img src={process.env.PUBLIC_URL + '/images/4 poc.svg'} alt="Изображение" />
          <img src={process.env.PUBLIC_URL + '/images/5 poc.svg'} alt="Изображение" style={{position: 'relative',top: '4px'}}/>
          <img src={process.env.PUBLIC_URL + '/images/6 poc.svg'} alt="Изображение" />
        </div>
      </div>
    </section>
  );
}

function MonitorCard({ image, title, description, bgColor }) {
  const cardStyle = {
    backgroundColor: bgColor,
  };

  return (
    <div className="monitor-card" style={cardStyle}>
      <img src={image} alt={title} />
      <h3>{title}</h3>
      <p>{description}</p>
    </div>
  );
}

export default MonitorDelivery;