---
const links = [
    {
        txt: 'now',
        lnk: '/now'
    },
    {
        txt: 'posts',
        lnk: '/posts'
    },
    {
        txt: 'photos',
        lnk: '/photos'
    },
]
---

<div class="text-2xl">
    {
        links.map((l, i) => (
            <>
                <a href={l.lnk}>{l.txt}</a>
                {i < links.length - 1 && <span class="text-(--accent)"> • </span>}
            </>
        ))
    }
</div>