defmodule Storybook.Components.ToggleButton do
  use PhoenixStorybook.Story, :component

  def function, do: &Doggo.toggle_button/1

  defp toggle_mute(variation_id) do
    JS.push(
      "toggle",
      value: %{attr: :pressed, variation_id: variation_id}
    )
  end

  def variations do
    [
      %VariationGroup{
        id: :variants,
        variations:
          for variant <- [
                :primary,
                :secondary,
                :info,
                :success,
                :warning,
                :danger
              ] do
            %Variation{
              id: variant,
              attributes: %{
                on_click: toggle_mute([:variants, variant]),
                variant: variant,
                pressed: false
              },
              slots: ["Mute"]
            }
          end
      },
      %VariationGroup{
        id: :disabled,
        variations:
          for variant <- [
                :primary,
                :secondary,
                :info,
                :success,
                :warning,
                :danger
              ] do
            %Variation{
              id: variant,
              attributes: %{
                on_click: toggle_mute([:disabled, variant]),
                variant: variant,
                pressed: false,
                disabled: true
              },
              slots: ["Mute"]
            }
          end
      },
      %VariationGroup{
        id: :fills,
        variations:
          for fill <- [:solid, :outline, :text] do
            %Variation{
              id: fill,
              attributes: %{
                on_click: toggle_mute([:fills, fill]),
                fill: fill,
                pressed: false
              },
              slots: ["Mute"]
            }
          end
      },
      %VariationGroup{
        id: :sizes,
        variations:
          for size <- [:small, :normal, :medium, :large] do
            %Variation{
              id: size,
              attributes: %{
                on_click: toggle_mute([:sizes, size]),
                size: size,
                pressed: false
              },
              slots: ["Mute"]
            }
          end
      },
      %VariationGroup{
        id: :shapes,
        variations:
          for shape <- [:circle, :pill] do
            %Variation{
              id: shape,
              attributes: %{
                on_click: toggle_mute([:shapes, shape]),
                shape: shape,
                pressed: false
              },
              slots: ["Mute"]
            }
          end
      }
    ]
  end
end