package core

templ Breadcrumb(elements []string, links []string) {
	<div class="flex gap-5 mb-10 text-lg items-center">
		for i, element := range(elements) {
			if (i>0) {
				<span class="text-gray-500">&gt;</span><a class="p-2 decoration-yellow-400 decoration-[0.25rem] hover:bg-gray-200 rounded-lg hover:underline" href={ links[i] }>{ element }</a>
			} else {
				<a class="p-2 decoration-yellow-400 decoration-[0.25rem] hover:bg-gray-200 rounded-lg hover:underline" href={ links[i] }>{ element }</a>
			}
		}
	</div>
}