import React from 'react'
import { Col, Row } from 'react-bootstrap'
import { cleanImage } from '../services/imageHandling'
import Image from 'next/image'

const InnerBanner = ({bannerData}) => {
    console.log("bannerData", bannerData)
  return (
    <>
        <section className='innerbanner-section'>
            <div className='innerbanner'>
                <Row>
                    <Col>
                        <div className='product-banner'>
                             <Image width={1856} height={1086} src={cleanImage(bannerData?.image)} alt="" />
                        </div>
                    </Col>
                </Row>
            </div>
        </section>
    </>
  )
}

export default InnerBanner