import React from 'react'

export default function PublicInformation() {
    return (
        <div className='bg-[#E2E2E2] text-black p-1 md:p-4'>
            <div className='text-lg font-semibold underline underline-offset-8 decoration-red-600 pb-5'>
                Informasi Publik
            </div>
            <div className='grid grid-col-2  md:grid-cols-3 lg:grid-cols-4 gap-4 text-white font-semibold text-md'>
                <div className='flex flex-col items-center gap-2 p-3 bg-[#DD8306] rounded-md'>
                    <div><img src="/infopublik1.png" alt="logo" /></div>
                    <div>Informasi Serta Merta</div>
                </div>
                <div className='flex flex-col items-center gap-2 p-3 bg-[#DD8306] rounded-md'>
                    <div><img src="/infopublik2.png" alt="logo" /></div>
                    <div>Informasi Berkala</div>
                </div>
                <div className='flex flex-col items-center gap-2 p-3 bg-[#DD8306] rounded-md'>
                    <div><img src="/infopublik3.png" alt="logo" /></div>
                    <div>Informasi Setiap Saat</div>
                </div>
                <div className='flex flex-col items-center gap-2 p-3 bg-[#DD8306] rounded-md'>
                    <div><img src="/infopublik4.png" alt="logo" /></div>
                    <div>Penerangan Dikecualikan</div>
                </div>
                <div className='flex flex-col items-center gap-2 p-3 bg-[#DD8306] rounded-md'>
                    <div><img src="/infopublik5.png" alt="logo" /></div>
                    <div>Penerangan Satuan</div>
                </div>
                <div className='flex flex-col items-center gap-2 p-3 bg-[#DD8306] rounded-md'>
                    <div><img src="/infopublik6.png" alt="logo" /></div>
                    <div>UU & Peraturan</div>
                </div>
                <div className='flex flex-col items-center gap-2 p-3 bg-[#DD8306] rounded-md'>
                    <div><img src="/informasipublik7.png" alt="logo" /></div>
                    <div>Satu Data</div>
                </div>
                <div className='flex flex-col items-center gap-2 p-3 bg-[#DD8306] rounded-md'>
                    <div><img src="/infopublik8.png" alt="logo" /></div>
                    <div>PUSIKNAS</div>
                </div>
            </div>
            {/* <div className='space-y-4 px-2'>
                <div className='md:flex items-center text-white bg-[#DD8306] p-4 rounded-md'>
                    <div className='min-w-max'>
                        <img src="/infopublik1.png" alt="" />
                    </div>
                    <div>
                        <p className='font-semibold pb-1'>Informasi Serta Merta</p>
                        <p className='text-sm'>Informasi Serta Merta adalah Informasi yang wajib disediakan dan diumumkan secara sertamerta yang dapat mengancam hajat hidup orang banyak dan ketertiban umum. Sesuai dengan Undang-undang Keterbukaan Informasi Publik Nomor 14 Tahun 2008 Pasal 10</p>
                    </div>
                </div>
                <div className='md:flex items-center text-white bg-[#DD8306] p-4 rounded-md'>
                    <div className='min-w-max'>
                        <img src="/infopublik2.png" alt="" />
                    </div>
                    <div>
                        <p className='font-semibold'>Informasi Berkala</p>
                        <p className='text-sm'>Informasi Berkala adalah Informasi yang wajib disediakan dan diumumkan secara berkala oleh Badan Publik. Sesuai dengan Undang-undang Keterbukaan Informasi Publik Nomor 14 Tahun 2008 Pasal 9</p>
                    </div>
                </div>
                <div className='md:flex items-center text-white bg-[#DD8306] p-4 rounded-md'>
                    <div className='min-w-max'>
                        <img src="/infopublik3.png" alt="" />
                    </div>
                    <div>
                        <p className='font-semibold'>Informasi Setiap Saat</p>
                        <p className='text-sm'>Informasi Publik yang berada dibawah penguasaannya, tidak termasuk yang dikecualikan hasil keputusan badan publik dan pertimbangannya. Seluruh kebijakan yang ada berikut dokumen pendukungnya rencana kerja. Perjanjian badan publik dengan pihak ketiga. Informasi dan kebijakan yang disampaikan pejabat publik dalam pertemuan yang terbuka untuk Umum. Prosedur kerja. Laporan mengenai pelayanan akses informasi publik sebagaimana diatur dalam undang-undang ini. Pasal 11</p>
                    </div>
                </div>
                <div className='md:flex items-center text-white bg-[#DD8306] p-4 rounded-md'>
                    <div className='min-w-max'>
                        <img src="/infopublik4.png" alt="" />
                    </div>
                    <div>
                        <p className='font-semibold'>Informasi Dikecualikan</p>
                        <p className='text-sm'>Informasi yang Dikecualikan adalah informasi yang tidak dapat diakses oleh Pemohon Informasi Publik sebagaimana dimaksud dalam Pasal 17 Undang-Undang Nomor 14 Tahun 2008 tentang Keterbukaan Informasi Publik</p>
                    </div>
                </div>
                <div className='md:flex items-center text-white bg-[#DD8306] p-4 rounded-md'>
                    <div className='min-w-max'>
                        <img src="/infopublik5.png" alt="" />
                    </div>
                    <div>
                        <p className='font-semibold'>Penerangan Satuan</p>
                        <p className='text-sm'>Penerangan Satuan adalah hasil dari kegiatan Divisi Humas Polri dalam menyampaikan informasi terkait kerja sama dan kemitraan dengan media massa berikut komponennya</p>
                    </div>
                </div>
                <div className='md:flex items-center text-white bg-[#DD8306] p-4 rounded-md'>
                    <div className='min-w-max'>
                        <img src="/infopublik6.png" alt="" />
                    </div>
                    <div>
                        <p className='font-semibold'>UU & Peraturan</p>
                        <p className='text-sm'>Undang-Undang adalah salah satu jenis Peraturan Perundang-undangan yang dibentuk oleh Dewa Perwakilan Rakyat (DPR) dengan persetujuan bersama Presiden. Sedangkan Peraturan disini merupakan Peraturan Kepolisian yang ditetapkan oleh Kapolri dan berlaku untuk seluruh wilayah kerja</p>
                    </div>
                </div>
            </div> */}
        </div>
    )
}
