'use client'
import { UserButton, useUser } from '@clerk/nextjs'
import { ChevronDown } from 'lucide-react'

const MemberProfile = () => {
    const {user,isLoaded}=useUser()

    if (!isLoaded) {
        // Handle loading state however you like
        return null
    }
    

  return (
    <div className='flex items-center rounded-full py-[0.2rem] px-1 bg-white gap-1'>
        <UserButton afterSignOutUrl='/' afterSwitchSessionUrl='/'/>
    </div>
  )
}

export default MemberProfile