# LivaAvatarBox
Package: @dataliva/livalib
Description: @dataliva/livalib düzenlenebilir avatar/fotoğraf kutusu bileşeni.

Bir kullanıcı fotoğrafını dairesel bir kutuda gösteren bileşen. `LivaAvatarCard`'ın
baş harf tabanlı avatarından farklı olarak gerçek bir görsel gösterir ve
`editable` açıkken üzerine gelince çıkan simgeyle yeni bir görsel yüklemeye
izin verir (DevExtreme `FileUploader`).

> **Not:** Bu bileşen henüz yayınlanmış `@dataliva/livalib` sürümünde dışa
> aktarılmıyor; bu sayfa API'yi belgeler, canlı demo bir sonraki sürümle
> eklenecektir.

```tsx
import { LivaAvatarBox } from "@dataliva/livalib";
```

## Salt görüntüleme

`editable={false}` ile sadece görsel gösterilir; yükleme kontrolü çizilmez.

```tsx
<LivaAvatarBox
  link="/uploads/user-42.jpg"
  size={96}
  editable={false}
/>
```

## Düzenlenebilir

`editable` açıkken görselin üzerine gelindiğinde bir düzenleme simgesi belirir;
tıklanınca dosya seçme diyaloğu açılır ve seçim `onChange` ile iletilir.

```tsx
<LivaAvatarBox
  link={photoUrl}
  size={120}
  editable
  onChange={(e) => uploadAvatar(e.value?.[0])}
/>
```

## Prop'lar

| Prop | Tip | Açıklama |
|------|------|---------|
| `link` | `string` | Gösterilecek görselin URL'i (arka plan olarak çizilir) |
| `size` | `number` | Kutunun piksel cinsinden genişlik/yüksekliği |
| `editable` | `boolean` | Yükleme kontrolünü etkinleştirir |
| `avatar` | `string` | Avatar kaynağı |
| `onChange` | `(e: ValueChangedEvent) => void` | `editable` iken dosya seçildiğinde tetiklenir |