global css body bgc:#eee

tag habit-item
	prop name = "Untitled"
	prop done = false	
	
	css label d:flex ai:center g:5px
	
	<self>
		<label>
			<input type="checkbox" checked=done>
			<div> name

tag habit-group
	prop habits = []
	
	css bgc:#fff p:10px rd:5px bd:1px solid #ccc
	
	<self>
		for habit in habits
			<habit-item name=habit.name done=habit.done>






imba.mount <habit-group habits=[
	{name: "Clean Up", done: true}
	{name: "Exercise", done: false}
	{name: "Study", done: true}
	{name: "Learn Imba", done: false}
]>