mirror of
https://github.com/Stone-Red-Code/website.git
synced 2026-09-04 09:15:58 +02:00
32 lines
781 B
TypeScript
32 lines
781 B
TypeScript
import React from "react"
|
|
import logo from "../../images/tph-logo.png"
|
|
import * as SC from "./styles"
|
|
import ArrowRight from "../../icons/arrow-right.svg"
|
|
|
|
function MenuItem({ children, to }: { children: React.ReactNode; to: string }) {
|
|
return (
|
|
<SC.MenuItem to={to}>
|
|
{children} <ArrowRight />
|
|
</SC.MenuItem>
|
|
)
|
|
}
|
|
|
|
const Sidebar = () => {
|
|
return (
|
|
<SC.SidebarWrapper>
|
|
<SC.Logo src={logo} />
|
|
|
|
<SC.Menu>
|
|
<MenuItem to="/">about</MenuItem>
|
|
<MenuItem to="/">rules</MenuItem>
|
|
<MenuItem to="/">faq</MenuItem>
|
|
<MenuItem to="/">hotbot</MenuItem>
|
|
<MenuItem to="/docs">documentation</MenuItem>
|
|
<MenuItem to="/">tech spotlight</MenuItem>
|
|
</SC.Menu>
|
|
</SC.SidebarWrapper>
|
|
)
|
|
}
|
|
|
|
export default Sidebar
|