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

const InnerBanner = ({bannerData}) => {
     const router = useRouter();
     const routeName = router.pathname.replace("/", ""); 
  return (
    <>
        <section className={`innerbanner-section ${routeName}`}>
            <div className='innerbanner'>
                <Row>
                    <Col>
                        <div className='product-banner'>
                             <Image width={1856} height={1086} src={bannerData?.image} alt="" />
                        </div>
                    </Col>
                </Row>
            </div>
        </section>
    </>
  )
}

export default InnerBanner