working on providers

lib/elixir_ai_web/components/form_components.ex

@@ -0,0 +1,35 @@
+defmodule ElixirAiWeb.FormComponents do
+  use Phoenix.Component
+
+  @doc """
+  Renders a styled input field with label.
+
+  ## Examples
+
+      <.input type="text" name="email" value={@email} label="Email" />
+      <.input type="password" name="password" label="Password" />
+  """
+  attr :type, :string, default: "text"
+  attr :name, :string, required: true
+  attr :value, :string, default: ""
+  attr :label, :string, required: true
+  attr :autocomplete, :string, default: "off"
+  attr :rest, :global
+
+  def input(assigns) do
+    ~H"""
+    <div>
+      <label for={@name} class="block text-sm text-cyan-300 mb-1">{@label}</label>
+      <input
+        type={@type}
+        name={@name}
+        id={@name}
+        value={@value}
+        autocomplete={@autocomplete}
+        class="w-full rounded px-3 py-2 text-sm bg-cyan-950/20 border border-cyan-900/40 text-cyan-100 focus:outline-none focus:ring-1 focus:ring-cyan-700"
+        {@rest}
+      />
+    </div>
+    """
+  end
+end