import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { useEditContext } from "../client/editContext";
import { User, Mail, Shield, Hash, Monitor, Smartphone, Code, Maximize2, } from "lucide-react";
export function Info() {
    const editContext = useEditContext();
    const user = editContext?.user;
    return (_jsx("div", { className: "space-y-6 p-6", children: _jsxs("div", { className: "space-y-6", children: [user && (_jsxs("div", { className: "border border-gray-200 bg-white shadow-sm", children: [_jsx("div", { className: "border-b border-gray-200 bg-gray-50 px-6 py-4", children: _jsxs("div", { className: "flex items-center gap-3", children: [_jsx(User, { className: "h-5 w-5 text-gray-600", strokeWidth: 1.5 }), _jsx("h3", { className: "text-lg font-semibold text-gray-900", children: "User Information" })] }) }), _jsx("div", { className: "p-6", children: _jsxs("div", { className: "grid grid-cols-1 gap-6 md:grid-cols-2", children: [_jsxs("div", { className: "space-y-1.5", children: [_jsxs("div", { className: "flex items-center gap-2 text-sm font-medium text-gray-500", children: [_jsx(User, { className: "h-4 w-4", strokeWidth: 1.5 }), _jsx("span", { children: "Name" })] }), _jsx("p", { className: "text-base text-gray-900", children: user.fullName || user.name })] }), user.email?.trim() && (_jsxs("div", { className: "space-y-1.5", children: [_jsxs("div", { className: "flex items-center gap-2 text-sm font-medium text-gray-500", children: [_jsx(Mail, { className: "h-4 w-4", strokeWidth: 1.5 }), _jsx("span", { children: "Email" })] }), _jsx("p", { className: "text-base text-gray-900", children: user.email.trim() })] })), _jsxs("div", { className: "space-y-1.5", children: [_jsxs("div", { className: "flex items-center gap-2 text-sm font-medium text-gray-500", children: [_jsx(Shield, { className: "h-4 w-4", strokeWidth: 1.5 }), _jsx("span", { children: "User Type" })] }), _jsx("p", { className: "text-base text-gray-900", children: user.isLimitedPreviewUser
                                                    ? "Limited Preview User"
                                                    : "Regular User" })] }), _jsxs("div", { className: "space-y-1.5", children: [_jsxs("div", { className: "flex items-center gap-2 text-sm font-medium text-gray-500", children: [_jsx(Hash, { className: "h-4 w-4", strokeWidth: 1.5 }), _jsx("span", { children: "Session ID" })] }), _jsx("p", { className: "font-mono text-sm text-gray-900 break-all", children: editContext?.sessionId })] })] }) })] })), _jsxs("div", { className: "border border-gray-200 bg-white shadow-sm", children: [_jsx("div", { className: "border-b border-gray-200 bg-gray-50 px-6 py-4", children: _jsxs("div", { className: "flex items-center gap-3", children: [_jsx(Monitor, { className: "h-5 w-5 text-gray-600", strokeWidth: 1.5 }), _jsx("h3", { className: "text-lg font-semibold text-gray-900", children: "Editor Information" })] }) }), _jsx("div", { className: "p-6", children: _jsxs("div", { className: "grid grid-cols-1 gap-6 md:grid-cols-2", children: [_jsxs("div", { className: "space-y-1.5", children: [_jsxs("div", { className: "flex items-center gap-2 text-sm font-medium text-gray-500", children: [_jsx(Monitor, { className: "h-4 w-4", strokeWidth: 1.5 }), _jsx("span", { children: "Active Sessions" })] }), _jsx("p", { className: "text-base font-semibold text-gray-900", children: editContext?.activeSessions?.length || 0 })] }), _jsxs("div", { className: "space-y-1.5", children: [_jsxs("div", { className: "flex items-center gap-2 text-sm font-medium text-gray-500", children: [_jsx(Smartphone, { className: "h-4 w-4", strokeWidth: 1.5 }), _jsx("span", { children: "Mobile View" })] }), _jsx("p", { className: "text-base text-gray-900", children: editContext?.isMobile ? "Yes" : "No" })] })] }) })] }), _jsxs("div", { className: "border border-gray-200 bg-white shadow-sm", children: [_jsx("div", { className: "border-b border-gray-200 bg-gray-50 px-6 py-4", children: _jsxs("div", { className: "flex items-center gap-3", children: [_jsx(Code, { className: "h-5 w-5 text-gray-600", strokeWidth: 1.5 }), _jsx("h3", { className: "text-lg font-semibold text-gray-900", children: "Technical Information" })] }) }), _jsx("div", { className: "p-6", children: _jsxs("div", { className: "space-y-6", children: [_jsxs("div", { className: "space-y-2", children: [_jsxs("div", { className: "flex items-center gap-2 text-sm font-medium text-gray-500", children: [_jsx(Code, { className: "h-4 w-4", strokeWidth: 1.5 }), _jsx("span", { children: "User Agent" })] }), _jsx("p", { className: "font-mono text-xs break-all text-gray-900 bg-gray-50 p-3 border border-gray-200", children: navigator.userAgent })] }), _jsxs("div", { className: "space-y-2", children: [_jsxs("div", { className: "flex items-center gap-2 text-sm font-medium text-gray-500", children: [_jsx(Maximize2, { className: "h-4 w-4", strokeWidth: 1.5 }), _jsx("span", { children: "Viewport Size" })] }), _jsxs("p", { className: "text-base text-gray-900 font-mono", children: [window.innerWidth, " \u00D7 ", window.innerHeight, " pixels"] })] })] }) })] })] }) }));
}
//# sourceMappingURL=Info.js.map