defmodule <%= @module_name %>.Components.UI.DarkModeToggle do @moduledoc """ Dark mode toggle component with PhiaDarkMode vanilla JS hook. Ejected from PhiaUI — you own this copy. Customise freely. ## Example <.dark_mode_toggle id="theme-toggle" /> ## Anti-FOUC (add to
before stylesheets) ## Hook setup import PhiaDarkMode from "./hooks/dark_mode" let liveSocket = new LiveSocket("/live", Socket, { hooks: { PhiaDarkMode } }) """ use Phoenix.Component import <%= @module_name %>.ClassMerger, only: [cn: 1] import <%= @module_name %>.Components.UI.Icon, only: [icon: 1] attr :id, :string, required: true, doc: "Unique ID for the toggle button" attr :class, :string, default: nil, doc: "Additional CSS classes" attr :rest, :global def dark_mode_toggle(assigns) do ~H""" """ end end