defmodule LiveAntd.Components.Switch do
  @moduledoc """
  Switching Selector.
  """

  use Surface.Component

  prop(click, :event)
  prop(checked, :boolean, default: false)
  prop(class, :string)

  def render(assigns) do
    ~H"""
    <button
      type="button"
      role="switch"
      aria-checked="false"
      :on-click={{ @click }}
      class={{
        class_value(@class),
        "ant-switch-checked": @checked
      }}
      ant-click-animating="false"
    >
      <div class="ant-switch-handle"></div>
      <span class="ant-switch-inner"></span>
    </button>
    """
  end

  defp class_value(class) do
    class || get_config(:default_class) || "ant-switch"
  end
end