codehub_/resources/js/Components/DashboardComponents/RecentLogs.tsx

import { User } from "@/types";
import { PropsWithChildren } from "react";
import { Activity } from "react-feather";

export default function RecentLogs({ 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"><Activity className="stroke-[#FF9914] mr-2" />Recent Logs</p>
        <table className="table mt-2">
            <tbody>
                <tr>
                    <td className='text-md leading-4 py-2 w-full'>
                        <span className="text-xs"><i>Month / Day / Year hh:mm:ss</i></span><br />
                        Bookmarked Page Title
                    </td>
                </tr>
                <tr>
                    <td className='text-md leading-4 py-2 w-full'>
                        <span className="text-xs"><i>Month / Day / Year hh:mm:ss</i></span><br />
                        Viewed Page Title
                    </td>
                </tr>
                <tr>
                    <td className='text-md leading-4 py-2 w-full'>
                        <span className="text-xs"><i>Month / Day / Year hh:mm:ss</i></span><br />
                        Logged in
                    </td>
                </tr>
            </tbody>
        </table>
        <div className="btn btn-link text-secondary-main p-0 mt-auto mb-0">View Activity Logs</div>
    </div>
    );
}