# frozen_string_literal: true

module Primer
  # Avatars are images used to represent users and organizations on GitHub.
  # Use the default round avatar for users, and the `square` argument
  # for organizations or any other non-human avatars.
  class AvatarComponent < Primer::Component
    status :beta

    SMALL_THRESHOLD = 24

    # @example Default
    #   <%= render(Primer::AvatarComponent.new(src: "http://placekitten.com/200/200", alt: "@kittenuser")) %>
    #
    # @example Square
    #   <%= render(Primer::AvatarComponent.new(src: "http://placekitten.com/200/200", alt: "@kittenuser", square: true)) %>
    #
    # @example Link
    #   <%= render(Primer::AvatarComponent.new(href: "#", src: "http://placekitten.com/200/200", alt: "@kittenuser")) %>
    #
    # @param src [String] The source url of the avatar image.
    # @param alt [String] Passed through to alt on img tag.
    # @param size [Integer] Adds the avatar-small class if less than 24.
    # @param square [Boolean] Used to create a square avatar.
    # @param href [String] The URL to link to. If used, component will be wrapped by an `<a>` tag.
    # @param system_arguments [Hash] <%= link_to_system_arguments_docs %>
    def initialize(src:, alt:, size: 20, square: false, href: nil, **system_arguments)
      @href = href
      @system_arguments = system_arguments
      @system_arguments[:tag] = :img
      @system_arguments[:src] = src
      @system_arguments[:alt] = alt
      @system_arguments[:size] = size
      @system_arguments[:height] = size
      @system_arguments[:width] = size

      @system_arguments[:classes] = class_names(
        system_arguments[:classes],
        "avatar" => !href,
        "avatar--small" => size < SMALL_THRESHOLD,
        "circle" => !square
      )
    end

    def call
      if @href
        render(Primer::LinkComponent.new(href: @href, classes: "avatar")) do
          render(Primer::BaseComponent.new(**@system_arguments)) { content }
        end
      else
        render(Primer::BaseComponent.new(**@system_arguments)) { content }
      end
    end
  end
end