import { PencilIcon } from '@heroicons/react/outline'
import { useCallback, useState } from 'react'
import useMangoStore from 'stores/useMangoStore'
import NftProfilePicModal from './NftProfilePicModal'
import ProfileImage from './ProfileImage'
const ProfileImageButton = ({
disabled,
imageSize,
placeholderSize,
imageUrl,
}: {
disabled: boolean
imageSize: string
placeholderSize: string
imageUrl?: string
}) => {
const [showProfilePicModal, setShowProfilePicModal] = useState(false)
const profile = useMangoStore((s) => s.profile.details)
const handleCloseProfilePicModal = useCallback(() => {
setShowProfilePicModal(false)
}, [])
return (
<>
{showProfilePicModal ? (
) : null}
>
)
}
export default ProfileImageButton