PhotoUploadSingle

Single image upload component with optional cropping and compression.

Usage

<PhotoUploadSingle
  label="Profile Photo"
  name="photo_url"
  endpoint="/api/upload"
/>

With Compression

<PhotoUploadSingle
  label="Profile Photo"
  name="photo_url"
  endpoint="/api/upload"
  compression={{
    format: 'webp',
    size: 2048,
    quality: 85
  }}
/>

Props

Prop	Type	Description
`label`	string	Upload label text
`name`	string	Field name for form data
`endpoint`	string	Upload API endpoint
`value`	string	Existing image URL
`compression`	object	Compression settings
`compression.format`	string	Output format (webp, jpeg, png)
`compression.size`	number	Max dimension in pixels
`compression.quality`	number	Quality (1-100)