= content_for :flash_message do
  = render 'shared/project_limit'

.page-title-holder.d-flex.align-items-center
  %h1.page-title.gl-font-size-h-display= _('Projects')

  - if current_user.can_create_project?
    .page-title-controls
      = render Pajamas::ButtonComponent.new(href: new_project_path, variant: :confirm, button_options: { data: { qa_selector: 'new_project_button' } }) do
        = _("New project")

.top-area
  .scrolling-tabs-container.inner-page-scroll-tabs.gl-flex-grow-1.gl-min-w-0
    .fade-left= sprite_icon('chevron-lg-left', size: 12)
    .fade-right= sprite_icon('chevron-lg-right', size: 12)
    = render 'dashboard/projects_nav'
  .nav-controls
    = render 'shared/projects/search_form'