package ul

import (
	"grim"
)

func Init() grim.Transformer {
	return grim.Transformer{
		Selector: func(n *grim.Node, c *grim.CSS) bool {
			return n.TagName() == "ul"
		},
		Handler: func(n *grim.Node, c *grim.CSS) *grim.Node {
			// !TODO: make ul/ol stylable
			for i, v := range n.Children {
				if v.TagName() != "li" {
					continue
				}
				dot := v.CreateElement("div")
				v.AppendChild(&dot)
				v.SetStyle("display", "flex")
				v.SetStyle("align-items", "center")

				dot.SetStyle("background-color", "#000")
				dot.SetStyle("border-radius", "100px")
				dot.SetStyle("width", "5px")
				dot.SetStyle("height", "5px")
				dot.SetStyle("margin-right", "10px")

				n.Children[i] = v

			}

			return n
		},
	}
}