Generating components

app/components/button_to_component.html.erb

@@ -0,0 +1 @@
+<%= button_to @name, @path, method: @method %>

app/components/button_to_component.rb

@@ -0,0 +1,9 @@
+# frozen_string_literal: true
+
+class ButtonToComponent < ViewComponent::Base
+  def initialize(name, path, method)
+    @name = name
+    @path = path
+    @method = method
+  end
+end

app/components/header_component.html.erb

@@ -1,7 +1,11 @@
-<%= tag.header class: "header" do %>
-  <%= tag.h1 do %>
-    <%= link_to "Barber Agenda", @path %>
-  <% end %>
+<%= tag.header class: "fixed top-0 left-0 z-50 w-full p-12 mb-16" do %>
+  <nav class="flex flex-row justify-between">
+    <%= tag.h1 do %>
+      <%= link_to "Barber Agenda", @path %>
+    <% end %>
 
-  <%= content %>
+    <div>
+      <%= content %>
+    </div>
+  </nav>
 <% end %>

app/components/navbar_component.html.erb

@@ -1 +1,11 @@
-<div>Add Navbar::Navbar template here</div>
+<div data-controller="dropdown">
+  <button data-action="dropdown#toggle"><%= @resource ? @resource.email : "Barber Agenda" %></button>
+
+  <ul class="hidden" data-dropdown-target="menu">
+    <% @links.each do |link| %>
+      <li><%= link_to link[:name], link[:path] %></li>
+    <% end %>
+
+    <%= content %>
+  </ul>
+</div>

app/components/navbar_component.rb

@@ -1,4 +1,8 @@
 # frozen_string_literal: true
 
-class Navbar::NavbarComponent < ViewComponent::Base
+class NavbarComponent < ViewComponent::Base
+  def initialize(links: [], resource: nil)
+    @links = links
+    @resource = resource
+  end
 end

app/components/search_form_component.html.erb

@@ -0,0 +1,3 @@
+<%= form_with(url: search_path) do %>
+
+<% end %>

app/components/search_form_component.rb

@@ -0,0 +1,4 @@
+# frozen_string_literal: true
+
+class SearchFormComponent < ViewComponent::Base
+end