is this too evil?

<.flex gap-4 justify-start>
  ...
</.flex>

<.grid grid-cols-3 gap-3>
...
</.grid>

defmodule Components.Tailwind do
  use Phoenix.Component
  import Phoenix.LiveView.HTMLEngine, only: [component: 3]

  def flex(assigns), do: component(&div/1, classes(assigns, "flex"), [])
  def grid(assigns), do: component(&div/1, classes(assigns, "grid"), [])
  ...

  defp div(assigns) do
    ~H"""
    <div class={@classes}>
      <%= render_slot(@inner_block) %>
    </div>
    """
  end

  defp classes(assigns, base) do
    classes =
      assigns
      |> Enum.reject(fn {k, v} -> k == :__changed__ || v != true end)
      |> Enum.map(fn {k, _} -> k end)
      |> Enum.join(" ")

    assign_new(assigns, :classes, fn -> base <> " " <> classes end)
  end
end