Add None Node for Noop Rendering

elem.go

@@ -58,6 +58,19 @@ type Node interface {
 	Render() string
 }
 
+// NoneNode represents a node that renders nothing.
+type NoneNode struct{}
+
+// RenderTo for NoneNode does nothing.
+func (n NoneNode) RenderTo(builder *strings.Builder) {
+	// Intentionally left blank to render nothing
+}
+
+// Render for NoneNode returns an empty string.
+func (n NoneNode) Render() string {
+	return ""
+}
+
 type TextNode string
 
 func (t TextNode) RenderTo(builder *strings.Builder) {

elements.go

@@ -399,6 +399,11 @@ func Source(attrs attrs.Props, children ...Node) *Element {
 
 // ========== Other ==========
 
+// None creates a NoneNode, representing a no-operation in rendering.
+func None() NoneNode {
+	return NoneNode{}
+}
+
 // Raw takes html content and returns a RawNode.
 func Raw(html string) RawNode {
 	return RawNode(html)

elements_test.go

@@ -509,6 +509,19 @@ func TestVideoWithSourceElementsAndFallbackText(t *testing.T) {
 
 // ========== Other ==========
 
+func TestNone(t *testing.T) {
+	el := None()
+	expected := ""
+
+	assert.Equal(t, expected, el.Render(), "None should render an empty string")
+}
+
+func TestNoneInDiv(t *testing.T) {
+	expected := `<div></div>`
+	actual := Div(nil, None()).Render()
+	assert.Equal(t, expected, actual)
+}
+
 func TestRaw(t *testing.T) {
 	rawHTML := `<div class="test"><p>Test paragraph</p></div>`
 	el := Raw(rawHTML)

utils_test.go

@@ -17,6 +17,16 @@ func TestIf(t *testing.T) {
 	assert.Equal(t, falseElement.Render(), resultFalse.Render())
 }
 
+func TestIfUsingNone(t *testing.T) {
+	trueElement := Div(nil, Text("True Condition"))
+
+	resultWithNone := If[Node](true, trueElement, None())
+	assert.Equal(t, trueElement.Render(), resultWithNone.Render(), "If should render the true element when the condition is true")
+
+	resultWithNoneFalse := If[Node](false, trueElement, None())
+	assert.Equal(t, "", resultWithNoneFalse.Render(), "If should render nothing (empty string) when the condition is false and None is used")
+}
+
 func TestTransformEach(t *testing.T) {
 	items := []string{"Item 1", "Item 2", "Item 3"}