web-humas-fe/components/page/SidebarDetail.tsx

import React from 'react'
import { UnderLine } from '../icons'

export default function SidebarDetail() {
    return (
        <div className='mt-2 space-y-5'>
            <div className='font-semibold flex flex-col items-center space-y-5'>
                <div className='flex  flex-col items-center'>
                    <div>Humas <b>MABES POLRI</b></div>
                    <div><UnderLine /></div>
                </div>
                <div className='bg-[#F2F2F2] p-3 flex flex-col items-center w-auto lg:w-[310px]'>
                    <img src="/detailmabes.png" alt="detail" className=' h-[110px]' />
                    <p className='text-sm'>Depan Jamaah Habib Syech, Kaops NCS Polri Serukan Jaga Pemilu 2024 Aman dan Damai</p>
                </div>
                <div className='bg-[#F2F2F2] p-3 flex flex-col items-center  w-auto lg:w-[310px]'>
                    <img src="/detailmabes.png" alt="detail" className=' h-[110px]' />
                    <p className='text-sm'>Depan Jamaah Habib Syech, Kaops NCS Polri Serukan Jaga Pemilu 2024 Aman dan Damai</p>
                </div>
                <div className='bg-[#F2F2F2] p-3 flex flex-col items-center w-auto lg:w-[310px]'>
                    <img src="/detailmabes.png" alt="detail" className=' h-[110px]' />
                    <p className='text-sm'>Depan Jamaah Habib Syech, Kaops NCS Polri Serukan Jaga Pemilu 2024 Aman dan Damai</p>
                </div>
            </div>
            <div className='font-semibold flex flex-col items-center space-y-5'>
                <div className='flex  flex-col items-center'>
                    <div>Humas <b>POLDA</b></div>
                    <div><UnderLine /></div>
                </div>
                <div className='bg-[#F2F2F2] p-3 flex flex-col items-center w-auto lg:w-[310px]'>
                    <img src="/detailmabes.png" alt="detail" className=' h-[110px]' />
                    <p className='text-sm'>Depan Jamaah Habib Syech, Kaops NCS Polri Serukan Jaga Pemilu 2024 Aman dan Damai</p>
                </div>
                <div className='bg-[#F2F2F2] p-3 flex flex-col items-center  w-auto lg:w-[310px]'>
                    <img src="/detailmabes.png" alt="detail" className=' h-[110px]' />
                    <p className='text-sm'>Depan Jamaah Habib Syech, Kaops NCS Polri Serukan Jaga Pemilu 2024 Aman dan Damai</p>
                </div>
                <div className='bg-[#F2F2F2] p-3 flex flex-col items-center w-auto lg:w-[310px]'>
                    <img src="/detailmabes.png" alt="detail" className=' h-[110px]' />
                    <p className='text-sm'>Depan Jamaah Habib Syech, Kaops NCS Polri Serukan Jaga Pemilu 2024 Aman dan Damai</p>
                </div>
            </div>
        </div>
    )
}