"use client"
import { FaRegCheckCircle } from "react-icons/fa";

// BY Mohammed Hossam
// Date 22-10-2024
// Natofications page in user layout
export default function Notifications({ data }) {

    return (
        <section>
            <div className=" md:w-[80%] me-auto">
                {/* <UserHeadLines title={t('natofications')}/> */}
                <div className=" space-y-3 md:space-y-6">
                    {/* START */}
                    <div className="bg-white rounded-2xl p-5 md:py-5 hover:bg-[#E5F7FF] flex flex-col">
                        <h5 className='ms-auto'>Aug 14, 2024</h5>
                        <div className="flex items-center gap-x-4 md:gap-x-5">
                            <FaRegCheckCircle />
                            {/* <FallbackImage src='/alert/checkcircle.png' width={100} height={100} className='size-10 md:size-14' alt='' /> */}
                            <div className="flex flex-col gap-2 md:gap-4">
                                {/* <h3 className='font-bold md:text-xl'>تم تسجيلك بنجاح</h3> */}
                                <p>{data ? data[0]?.data : ""}</p>
                            </div>
                        </div>
                    </div>
                    {/* END */}
                </div>
            </div>

        </section>
    )
}
