<%=
  component_wrapper do
    flex_layout(justify_content: :space_between, align_items: :center) do |flex|
      flex.with_column do
        render(Primer::Beta::Text.new(color: :subtle)) { t("text_add_work_package_to_meeting_description") }
      end
      if allowed_to_add_to_meeting?
        flex.with_column(ml: 3) do
          render(Primer::Beta::Button.new(
            tag: :a,
            href: dialog_work_package_meeting_agenda_items_path(@work_package),
            data: { controller: 'async-dialog' },
            test_selector: "op-add-work-package-to-meeting-dialog-trigger"
          )) do |button|
            button.with_leading_visual_icon(icon: :plus)
            t("label_add_work_package_to_meeting_dialog_button")
          end
        end
      end
    end
  end
%>