export const Navberbar = () => {
    return (
        <div>
            <div style={{ display: "flex", gap: "16px", justifyContent: "flex-end", alignItems: "center", padding: "12px 0" }}>
                <a href="/navigation" style={{ textDecoration: "none" }}>
                    <button style={{ padding: "8px 20px", borderRadius: "6px", border: "1px solid #2E86C1", background: "#2E86C1", color: "#fff", fontWeight: "bold", cursor: "pointer" }}>
                        HOME
                    </button>
                </a>
                <a href="/navigation" style={{ textDecoration: "none" }}>
                    <button style={{ padding: "8px 20px", borderRadius: "6px", border: "1px solid #28B463", background: "#28B463", color: "#fff", fontWeight: "bold", cursor: "pointer" }}>
                        GO BACK
                    </button>
                </a>
            </div>
        </div>
    )
}
