export default function NavList({ transparent }: { transparent?: boolean }) {
    const className = transparent ? "light" : "";
    /**
     * Render component
     */
    return (
        <div className="gap-10 flex-col xl:flex-row">
            <a className={className} href="/">
                Home
            </a>
            <a className={className} href="/subsidiaries">
                Subsidiaries
            </a>
            <a className={className} href="/about">
                About
            </a>
            <a className={className} href="/events">
                Events
            </a>
            <a className={className} href="/gallery">
                Gallery
            </a>
            <a className={className} href="/contact">
                Contact Us
            </a>
        </div>
    );
}