import { ProfilePictureUpload } from "@/components/profile-picture-upload"

// Exemplo básico de uso
export function ExemploUso() {
  const handleImageChange = (file: File | null, imageUrl: string | null) => {
    console.log("Arquivo:", file)
    console.log("URL:", imageUrl)
  }

  return (
    <div>
      {/* Uso básico */}
      <ProfilePictureUpload onImageChange={handleImageChange} />

      {/* Com tamanho personalizado */}
      <ProfilePictureUpload 
        size="xl" 
        fallbackText="JP"
        onImageChange={handleImageChange}
      />

      {/* Com imagem inicial */}
      <ProfilePictureUpload 
        initialImage="/path/to/image.jpg"
        onImageChange={handleImageChange}
      />

      {/* Desabilitado */}
      <ProfilePictureUpload 
        disabled={true}
        fallbackText="D"
      />
    </div>
  )
}