"use client" 
import React, { useRef } from "react";
 
import CategorySlider from './CategorySlider'
 
 
export default function Categories() {
  const swiperRef = useRef<any>(null);

 const next =() => { 
  swiperRef.current.slideNext() 
 }

 const prev = () => {
  swiperRef.current.slidePrev()
 } 
    
  return (
    <div className='py-24'>

            <div className='container'>
                <div className='flex flex-col lg:flex-row   lg:justify-between gap-3'>
                    <h3 className='heading'> Sektörel Çözümlerimizle İşletmenizi Geleceğe Taşıyın   </h3>
                    <div className='space-x-2'>
                    <button className='carouselButton' onClick={prev }>{'<'}</button>
                        <button className='carouselButton' onClick={next}> {'>'}</button>
                    </div>
                </div>
            </div>

            <CategorySlider  inputRef={swiperRef}   />

    </div>
  )
}