# frozen_string_literal: true

module Ariadne
  # Use `BaseButton` to render an unstyled `<button>` tag that can be customized.
  class BaseButton < Ariadne::Component
    DEFAULT_TAG = :button
    TAG_OPTIONS = [DEFAULT_TAG, :a, :summary].freeze

    DEFAULT_TYPE = :button
    TYPE_OPTIONS = [DEFAULT_TYPE, :reset, :submit].freeze

    SIZE_CLASS_MAPPINGS = {
      xs: "inline-flex items-center px-2.5 py-1.5 text-xs font-medium rounded",
      s: "inline-flex items-center px-3 py-2 text-sm leading-4 font-medium rounded-m",
      m: "inline-flex items-center px-4 py-2 text-sm font-medium rounded-md",
      l: "inline-flex items-center px-4 py-2 text-base font-medium rounded-md",
      xl: "inline-flex items-center px-6 py-3 text-base font-medium rounded-md",
    }.freeze
    VALID_SIZES = SIZE_CLASS_MAPPINGS.keys.freeze

    DEFAULT_CLASSES = "inline-flex items-center px-4 py-2 text-sm border border-gray-300 shadow-sm text-gray-700 bg-white hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500"

    DEFAULT_SIZE = :m

    # @example Setting the size
    #   <%= render(Ariadne::BaseButton.new(size: :xs)) { "I am an extra small button!" } %>
    #   <%= render(Ariadne::BaseButton.new(size: :s)) { "I am a small button!" } %>
    #   <%= render(Ariadne::BaseButton.new(size: :m)) { "I am a medium button!" } %>
    #   <%= render(Ariadne::BaseButton.new(size: :l)) { "I am a large button!" } %>
    #   <%= render(Ariadne::BaseButton.new(size: :xl)) { "I am an extra large button!" } %>
    #
    # @param tag [Symbol] <%= one_of(Ariadne::BaseButton::TAG_OPTIONS) %>
    # @param type [Symbol] <%= one_of(Ariadne::BaseButton::TYPE_OPTIONS) %>
    # @param size [Symbol] <%= one_of(Ariadne::BaseButton::VALID_SIZES) %>
    # @param classes [String] <%= link_to_classes_docs %>
    # @param attributes [Hash] <%= link_to_attributes_docs %>
    def initialize(
      tag: DEFAULT_TAG,
      type: DEFAULT_TYPE,
      size: DEFAULT_SIZE,
      classes: "",
      attributes: {}
    )
      @attributes = attributes
      @tag = fetch_or_raise(TAG_OPTIONS, tag)
      @size = fetch_or_raise(VALID_SIZES, size)

      @attributes[:type] = fetch_or_raise(TYPE_OPTIONS, type) if button?
      @classes = class_names(DEFAULT_CLASSES, SIZE_CLASS_MAPPINGS[@size], classes)
    end

    def call
      render(Ariadne::BaseComponent.new(tag: @tag, classes: @classes, attributes: @attributes)) { content }
    end

    private def button?
      @tag == :button
    end
  end
end