---
import Icon from './Icon.astro'
import type { AvatarSize } from './Avatar.astro'

interface Props {
  class?: string
  size?: AvatarSize | undefined
}

const { class: className, size } = Astro.props

const classes = ['avatar', 'avatar-upload', className, size && `avatar-${size}`]
---

<a href="#" class:list={classes}>
  <Icon name="plus" />
</a>