import React from 'react'
import { Col, Row } from 'react-bootstrap'
import AboutInfo from './AboutInfo'
import Details from './Details'

const StoneFinishCabinet = ({ StoneFinishCabinet }) => {
  return (
    <>
      <AboutInfo productData={StoneFinishCabinet?.aboutInfo} />
      {StoneFinishCabinet?.detailsItem?.length > 0 && (
        <Details
          DetailsItem={StoneFinishCabinet.detailsItem}
          bottomInfo={StoneFinishCabinet.bottomInfo}
        />
      )}
      {(StoneFinishCabinet?.aboutInfoTwo || StoneFinishCabinet?.detailsItemTwo?.length > 0) && (
        <>
          <AboutInfo productData={StoneFinishCabinet?.aboutInfoTwo} />
          {StoneFinishCabinet?.detailsItemTwo?.length > 0 && (
            <Details
              DetailsItem={StoneFinishCabinet.detailsItemTwo}
              bottomInfo={StoneFinishCabinet.bottomInfoTwo}
            />
          )}
        </>
      )}
    </>
  )
}

export default StoneFinishCabinet