"use client";

import { useLang } from "@/lib/lang";
import { useConfig } from "@/lib/config";
import { useAccess } from "@/lib/access";
import { Grid } from "@/Theme/Midone/Utils";

export function LogUser({ id }) {
    const { laraAdmin } = useConfig();
    const { componentPermission } = useAccess();
    componentPermission("events.logUsers");

    let info = {
        url: `${laraAdmin}/events/log-users/${id}`,
        columns: [
                {label: "view_date", field: "view_date" },
                {label: "user", jsx: (item) =><span>{item?.user?.firstname+" "+item?.user?.lastname}</span>},
                {label: "", minWidth:"200px", jsx: (item)=>
                    <span>
                        <div>{item?.user?.mobile}</div>
                        <div>{item?.user?.email}</div>
                    </span>
                },
        ],
    }

    return (
        <div className="intro-y col-span-12 p-5">
                <Grid {...info} activeSearch={false} key={"table key"} />
        </div>
    );
}