I want to build a custom select.
I need to render all options (when expanded) and always the selected option additionally at the top.

<.select>
   <:opt label="label1">opt-inner-1</:opt>
   <:opt label="label2" selected>opt-inner-2</:opt>
</.select>

will render like

selected: opt-inner-2
opt-inner-1
opt-inner-2

I want the options rendered in an extra component.
But I can’t just delegate the inner-block to the option component.

I tried this:

def select(assigns) do
  assigns = assign_new(assigns, :selected, fn -> Enum.find(assigns.opt, & &1[:selected]) end)

  ~H"""
  <div>
    <div>selected: <%= @selected.label %></div>
    <%= for opt <- @opt do %>
      <.option {opt} />
    <% end %>
  </div>
  """
end

def option(assigns) do
  ~H"""
  <div style="padding: 1rem">
    <div><%= @label %></div>
    <div :if={@inner_block}>
      (want to render inner block) <%!-- <%= render_slot(@inner_block) %> --%>
    </div>
  </div>
  """
end