"use client";

import { useEffect } from "react";
import { useConfig } from "@/lib/config";
import { useLang } from "@/lib/lang";
// import { useAccess } from "@/lib/access";
import { useAuth } from "@/lib/auth";
import { useData,useFormRefs,Frame,Pic,Loading } from "@/Theme/Midone/Utils";
import { Description,AdminUser,LogUser,Counter } from '@/Components/Event/Details';

// export function View({ id="2",flag }){
export function View({ id,flag }){
    const {Lang,local} = useLang();
    const {laraAdmin,nextAdmin,mediaPath} = useConfig();
    // const { componentPermission } = useAccess();
    // componentPermission("events.show");
    const component = useFormRefs();
    const { save, get } = useData();
    const { user } = useAuth({ guard: "admin" });
    const formUrl = `/chapters`;
    const url = `${laraAdmin}/event-categories`;

    useEffect(() => {
        get(url+"/show-info/"+id, component, "info");
    }, []);

    let data = component?.state?.info;
    let item = data?.item;

    return(
        <Frame title={Lang(["public.event"])}>
            <div className="col-span-12">
                {(1)?
                    <Loading className="mt-5" />
                : ""
                }
            </div>
        </Frame>
    );
}