import { User } from "@/types";
import { Link } from "@inertiajs/react";
import { PropsWithChildren } from "react";
import { Book, BookOpen, FileMinus } from "react-feather";

export default function RecentPages({ user }: PropsWithChildren<{ user: User }>) {
    const thisUser = user;

    return (
        <div className="h-full w-full bg-neutral-10 shadow-md p-6 rounded-lg flex flex-col">
            <p className="font-bold text-xl flex items-center"><BookOpen className="stroke-[#AAF683] mr-2" />Recently Viewed Pages</p>
            <table className="table mt-2">
                <tbody>
                    <tr className="hover:cursor-pointer hover:bg-secondary-background active:bg-primary-main active:text-white">
                        <td className='text-md leading-4 py-2 w-full'><Link href=''>
                            Page Title<br />
                            <span className="text-xs"><i>Subject Category</i></span>
                        </Link></td>
                    </tr>
                    <tr className="hover:cursor-pointer hover:bg-secondary-background active:bg-primary-main active:text-white">
                        <td className='text-md leading-4 py-2 w-full'><Link href=''>
                            Page Title<br />
                            <span className="text-xs"><i>Subject Category</i></span>
                        </Link></td>
                    </tr>
                    <tr className="hover:cursor-pointer hover:bg-secondary-background active:bg-primary-main active:text-white">
                        <td className='text-md leading-4 py-2 w-full'><Link href=''>
                            Page Title<br />
                            <span className="text-xs"><i>Subject Category</i></span>
                        </Link></td>
                    </tr>
                    <tr className="hover:cursor-pointer hover:bg-secondary-background active:bg-primary-main active:text-white">
                        <td className='text-md leading-4 py-2 w-full'><Link href=''>
                            Page Title<br />
                            <span className="text-xs"><i>Subject Category</i></span>
                        </Link></td>
                    </tr>
                    <tr className="hover:cursor-pointer hover:bg-secondary-background active:bg-primary-main active:text-white">
                        <td className='text-md leading-4 py-2 w-full'><Link href=''>
                            Page Title<br />
                            <span className="text-xs"><i>Subject Category</i></span>
                        </Link></td>
                    </tr>
                </tbody>
            </table>
        </div>
    )
}