<%# locals: path, direction, title %> <%= link_to path, class: "hidden md:flex w-full bg-container hover:bg-container-inset rounded-xl border border-alpha-black-25 shadow-xs p-4 items-center justify-between" do %> <% if direction == 'previous' %> <%= icon("arrow-left") %> <% end %>

<%= "text-right" if direction == "previous" %>"> <%= t(".#{direction}") %> <%= title %>

<% if direction == 'next' %> <%= icon("arrow-right") %> <% end %> <% end %> <%# Mobile version %> <%= link_to path, class: "md:hidden w-full bg-container hover:bg-container-inset rounded-xl border border-alpha-black-25 shadow-xs py-3 px-4" do %>

<% if direction == 'previous' %>

<%= icon("arrow-left") %> <%= t("settings.settings_nav_link_large.previous") %>

<%= title %>

<% else %>

<%= t("settings.settings_nav_link_large.next") %>

<%= title %> <%= icon("arrow-right") %>

<% end %>