---
// Configuration
import {
    version
} from "@root/package.json"
---

<footer>
    <div class="footer-start">
        <p style="color: gray;">v{version}</p>
        <p>Zarro Search, a search engine by SudoVanilla</p>
    </div>
    <div class="footer-end">
        <a href="#">About</a>
        <a href="#">Instances</a>
        <a href="#">Settings</a>
        <a href="#">News</a>
        <a href="#">API</a>
        <a href="#">Source Code</a>
        <a href="#">Report Issue</a>
    </div>
</footer>

<style lang="scss">
footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    .footer-start {
        display: flex;
        gap: 12px;
    }
    .footer-end {
        a {
            text-decoration: none;
            margin-left: 12px;
            &:hover {
                text-decoration: underline;
            }
        }
    }
}
</style>