defc avatar(assigns) do
  ~H"""
  <.use_avatar :let={a} src={@src}>
    <div id={@id} class="w-12 h-12 rounded-full">
      <div {a.root} class="avatar placeholder">
        <img {a.image} alt={@alt} class="rounded-full" />
        <div {a.fallback} class="bg-neutral text-neutral-content rounded-full w-12">
          <%= @initials %>
        </div>
      </div>
    </div>
  </.use_avatar>
  """
end