import { EyeIcon } from "@/components/icons";
import { ScrollShadow } from "@heroui/react";
import React from "react";

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>
  );
}