Skip to content
Snippets Groups Projects
Commit f1e0d85f authored by Matt Kirby's avatar Matt Kirby
Browse files

Title bar component

parent 61e74df5
No related branches found
No related tags found
1 merge request!7Resolve "Adding basic post component"
import styles from '../../styles/TitleBar.module.css'
import { RxHamburgerMenu } from "react-icons/rx"
import { FC, PropsWithChildren, useState } from 'react';
type TitleBarProps = {
NavBarToggle: () => void;
}
const TitleBar:FC<PropsWithChildren<TitleBarProps>> = ({
NavBarToggle
}) => {
return (
<div className={styles.titlebar}>
<button className={styles.navButton} onClick={() => NavBarToggle()}><RxHamburgerMenu size={"32px"}/></button>
<p className={styles.title}>Feed</p>
<button>Settings</button>
</div>
)
}
export default TitleBar;
\ No newline at end of file
.titlebar {
display: flex;
width: 100%;
justify-content: space-between;
height: 64px;
align-items: center;
padding: 8px 16px;
}
.navButton {
background: none;
border: none;
}
.title {
font-weight: bold;
}
\ No newline at end of file
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment