"use client";
'use strict';

var jsxRuntime = require('react/jsx-runtime');
var nextjs = require('@clerk/nextjs');
var server = require('@windrun-huaiin/base-ui/components/server');
var signupButtonWithFingerprintClient = require('./signup-button-with-fingerprint-client.js');

function ClerkUserClient({ data }) {
    return (jsxRuntime.jsxs("div", { className: "flex items-center gap-2 h-10 mx-3 md:ml-1 md:mr-2", children: [jsxRuntime.jsx(nextjs.ClerkLoading, { children: jsxRuntime.jsx("div", { className: "w-20 h-9 px-2 border border-gray-300 rounded-full hover:bg-gray-100 dark:border-gray-600 dark:hover:bg-gray-800 text-center text-sm" }) }), jsxRuntime.jsxs(nextjs.ClerkLoaded, { children: [jsxRuntime.jsxs(nextjs.SignedOut, { children: [jsxRuntime.jsx(nextjs.SignInButton, { mode: data.clerkAuthInModal ? 'modal' : 'redirect', children: jsxRuntime.jsx("button", { className: "w-16 sm:w-20 h-8 sm:h-9 px-1.5 sm:px-2 border border-gray-300 rounded-full hover:bg-gray-100 dark:border-gray-600 dark:hover:bg-gray-800 text-center text-xs sm:text-sm whitespace-nowrap", children: data.signIn }) }), data.showSignUp && (jsxRuntime.jsx(signupButtonWithFingerprintClient.SignUpButtonWithFingerprint, { mode: data.clerkAuthInModal ? 'modal' : 'redirect', signUp: data.signUp }))] }), jsxRuntime.jsx(nextjs.SignedIn, { children: jsxRuntime.jsx(nextjs.UserButton, { appearance: {
                                elements: {
                                    userButtonAvatarBox: "w-8 h-8 border",
                                }
                            }, children: jsxRuntime.jsxs(nextjs.UserButton.MenuItems, { children: [jsxRuntime.jsx(nextjs.UserButton.Action, { label: "manageAccount" }), jsxRuntime.jsx(nextjs.UserButton.Link, { labelIcon: jsxRuntime.jsx(server.globalLucideIcons.ReceiptText, { className: "size-4 fill-none stroke-(--clerk-icon-stroke-color)" }), label: data.terms, href: `/${data.locale}/legal/terms` }), jsxRuntime.jsx(nextjs.UserButton.Link, { labelIcon: jsxRuntime.jsx(server.globalLucideIcons.ShieldUser, { className: "size-4 fill-none stroke-(--clerk-icon-stroke-color)" }), label: data.privacy, href: `/${data.locale}/legal/privacy` }), jsxRuntime.jsx(nextjs.UserButton.Action, { label: "signOut" })] }) }) })] })] }));
}

exports.ClerkUserClient = ClerkUserClient;
