import React, { ReactNode } from 'react';
import './contract-nav.scss';
import NavLinkWithQuery from "../../HOC/NavLinkWithQuery";

type ContractListNavProps = {
    children?: ReactNode;
};

const ContractListNav = ({ children }: ContractListNavProps) => {
    return (
        <div className="contract-nav">
            <ul id="targetLink">
                <li>
                    <NavLinkWithQuery to={`../list`}>
                        <span>Λίστα Συμβάσεων</span>
                    </NavLinkWithQuery>
                </li>
                <li>

                    <NavLinkWithQuery to={`../files`}>
                        <span>Αρχεία Συμβάσεων</span>
                    </NavLinkWithQuery>
                </li>
            </ul>
            {children}
        </div>
    );
};

export default ContractListNav;