"use client";
import { jsx, jsxs } from 'react/jsx-runtime';
import { OrganizationSwitcher } from '@clerk/nextjs';
import { globalLucideIcons } from '@windrun-huaiin/base-ui/components/server';

function ClerkOrganizationClient({ data }) {
    return (jsx("div", { className: ` ms-3 me-2 flex items-center h-10 rounded-full border shadow-lg ${data.className}`, children: jsx("div", { className: "flex items-center gap-x-4 w-full min-w-40", children: jsxs(OrganizationSwitcher, { appearance: {
                    elements: {
                        organizationSwitcherTrigger: "w-40 h-10 border !rounded-full bg-transparent flex items-center justify-between box-border",
                        organizationSwitcherTriggerIcon: "",
                        userButtonAvatarBox: "w-8 h-8 border rounded-full",
                    },
                }, children: [jsx(OrganizationSwitcher.OrganizationProfilePage, { label: data.homepage, url: "/", labelIcon: jsx(globalLucideIcons.D8, {}) }), jsx(OrganizationSwitcher.OrganizationProfilePage, { labelIcon: jsx(globalLucideIcons.ReceiptText, {}), label: data.terms, url: `/${data.locale}/legal/terms` }), jsx(OrganizationSwitcher.OrganizationProfilePage, { labelIcon: jsx(globalLucideIcons.ShieldUser, {}), label: data.privacy, url: `/${data.locale}/legal/privacy` })] }) }) }));
}

export { ClerkOrganizationClient };
