defmodule Paleta.Components.Editor do
  use Phoenix.Component

  alias Paleta.Components.Input

  attr(:value, :string, required: true)
  attr(:mode, :atom, default: :html, values: [:html, :yaml])
  attr(:name, :string, default: "editor-content")

  @spec editor(map) :: Phoenix.LiveView.Rendered.t()
  def editor(assigns) do
    ~H"""
    <div id="editor" class="editor-parent" phx-update="ignore" phx-hook="Editor" data-mode={@mode}>
      <div id="ace-editor" class="editor"><%= @value %></div>
    </div>
    <Input.hidden_input name={@name} value={@value} />
    """
  end
end