import { ScrollShadow } from '@nextui-org/react'
import React from 'react'
import { EyeIcon } from '../icons'

export default function MediaUpdate() {
    return (
        <div className='p-1 md:p-4 text-black  lg:flex gap-5'>
            <div className='w-full lg:w-1/2'>
                <p className='text-lg font-semibold underline underline-offset-4 decoration-red-600 pb-2'>TV Polri</p>
                <div className='h-[360px] border-2 border-red-700'></div>
            </div>
            <div className='w-auto lg:w-1/2 '>
                <div>
                    <div className='text-lg font-semibold underline underline-offset-4 decoration-red-600 pb-2'>
                        Media Update
                    </div>
                    <div className='h-[360px] p-2 bg-[#020101] text-white rounded-md border-2 border-white'>
                        <ScrollShadow hideScrollBar className=" h-[343px]">
                            <div className='text-xs text-left m-2 p-2 bg-[#1E1616] rounded-md'>
                                <p>Pelihara Kondusifitas Kamtibmas, Personel Polsek Sayan Sambangi Warganya yang Masih Beraktifitas Pada Malam Hari</p>
                                <p className='py-[2px]'>21-07-2023 13:50</p>
                                <p className='flex items-center gap-1'><EyeIcon />82</p>
                            </div>
                            <div className='text-xs text-left m-2 p-2 bg-[#1E1616] rounded-md'>
                                <p>Pelihara Kondusifitas Kamtibmas, Personel Polsek Sayan Sambangi Warganya yang Masih Beraktifitas Pada Malam Hari</p>
                                <p className='py-[2px]'>21-07-2023 13:50</p>
                                <p className='flex items-center gap-1'><EyeIcon />82</p>
                            </div>
                            <div className='text-xs text-left m-2 p-2 bg-[#1E1616] rounded-md'>
                                <p>Pelihara Kondusifitas Kamtibmas, Personel Polsek Sayan Sambangi Warganya yang Masih Beraktifitas Pada Malam Hari</p>
                                <p className='py-[2px]'>21-07-2023 13:50</p>
                                <p className='flex items-center gap-1'><EyeIcon />82</p>
                            </div>
                            <div className='text-xs text-left m-2 p-2 bg-[#1E1616] rounded-md'>
                                <p>Pelihara Kondusifitas Kamtibmas, Personel Polsek Sayan Sambangi Warganya yang Masih Beraktifitas Pada Malam Hari</p>
                                <p className='py-[2px]'>21-07-2023 13:50</p>
                                <p className='flex items-center gap-1'><EyeIcon />82</p>
                            </div>
                        </ScrollShadow>
                    </div>
                </div>
            </div>
        </div>
    )
}