import React, { useEffect, useState } from "react";
import style from "./bundleSection.module.css";
import OurProduct from "../utils/outProduct";

const BundleSection = (props) => {
  return (
    <React.Fragment>
      <div className={style.main_product_section}>
        <div className={style.main_product}>
          {props.siteText && (
            <>
              <div className={`primary_heading ${style.title}`}>
                {props.siteText.title}
              </div>
              <OurProduct
                count={30}
                singleCount={4}
                id={props.siteText.content[0].split("id[")[1].split("]")[0]}
                weight={false}
              />
            </>
          )}
        </div>
      </div>
    </React.Fragment>
  );
};

export default BundleSection;
