'use client'

export default function RequestDispute() {
    return (
        <div className='bg-white text-black p-1 md:p-5'>
            <div className='flex justify-center items-center'>
                <div className='pt-4 hidden md:block'><img src="/al.png" alt="" className='' /></div>
                <div className='font-bold text-lg md:text-2xl text-[#DD8306] pl-3'>Mekanisme Permohonan Penyelesaian Senketa Informasi</div>
                <div className='hidden md:block absolute  pb-10 pl-[850px]'><img src="/spark.png" alt="" /></div>
            </div>
            <div className='p-1 md:p-3 lg:p-5 bg-[#FFF6E9] mx-1 md:mx-3 lg:mx-10 my-4 flex flex-col items-center space-y-5'>
                <img src="/sengketa1.png" alt="sengketa" className="border-b-3 pb-6" />
                <img src="/sengketa2.png" alt="sengketa" className="border-b-3 pb-6" />
                <img src="/sengketa3.png" alt="sengketa" className="border-b-3 pb-6" />
                <img src="/sengketa4.png" alt="sengketa" />
            </div>
        </div>
    )
}