Initial Commit

lib/river_connect_web/components/ui/separator.ex

@@ -0,0 +1,41 @@
+defmodule RiverConnectWeb.Components.UI.Separator do
+  @moduledoc """
+  Implementation of a separator component for dividing content.
+
+  ## Examples:
+
+      <.separator orientation="horizontal" />
+      <.separator orientation="vertical" class="h-6" />
+  """
+  use RiverConnectWeb.Components.UI, :component
+
+  @doc """
+  Renders a separator.
+
+  ## Options
+
+  * `:orientation` - The orientation of the separator (`horizontal` or `vertical`). Defaults to `horizontal`.
+  * `:class` - Additional CSS classes
+  """
+  attr :orientation, :string, values: ~w(vertical horizontal), default: "horizontal"
+  attr :class, :string, default: nil
+  attr :rest, :global, include: ~w(disabled form name value)
+
+  def separator(assigns) do
+    ~H"""
+    <div
+      role="separator"
+      aria-orientation={@orientation}
+      class={
+        classes([
+          "shrink-0 bg-border",
+          (@orientation == "horizontal" && "h-[1px] w-full") || "h-full w-[1px]",
+          @class
+        ])
+      }
+      {@rest}
+    >
+    </div>
+    """
+  end
+end