drfeely.com/components/Navbar/NavPages.tsx

62 lines
1.3 KiB
TypeScript
Raw Normal View History

2023-07-23 22:26:35 +00:00
import { useState } from "react";
import NavLink from "./NavLink";
interface Props {
2023-07-25 03:14:18 +00:00
currentPage: string;
setCurrentPage: (page: string) => void;
2023-07-23 22:26:35 +00:00
currentPageClasses: string;
}
2023-07-25 03:14:18 +00:00
const NavPages = ({
currentPage,
setCurrentPage,
currentPageClasses,
}: Props) => {
2023-07-23 22:26:35 +00:00
return (
<>
<NavLink
page="/"
currentPage={currentPage}
setCurrentPage={setCurrentPage}
currentPageClasses={currentPageClasses}
>
Home
</NavLink>
<NavLink
page="/osteopathy"
currentPage={currentPage}
setCurrentPage={setCurrentPage}
currentPageClasses={currentPageClasses}
>
Osteopathy
</NavLink>
<NavLink
page="/accupuncture"
currentPage={currentPage}
setCurrentPage={setCurrentPage}
currentPageClasses={currentPageClasses}
>
Accupuncture
</NavLink>
<NavLink
page="/articles"
currentPage={currentPage}
setCurrentPage={setCurrentPage}
currentPageClasses={currentPageClasses}
>
Articles
</NavLink>
<NavLink
page="/nor"
currentPage={currentPage}
setCurrentPage={setCurrentPage}
currentPageClasses={currentPageClasses}
>
Neuro Ocular Release
</NavLink>
</>
);
};
export default NavPages;