Add header component

2026-09-23 04:19:48 +00:00 · 2023-10-17 16:33:20 +07:00
parent 99a3bf57f6
commit 5a497273c0
14 changed files with 263 additions and 138 deletions
@@ -0,0 +1,24 @@
+import styled from 'styled-components';
+import ButtonIcon from './ButtonIcon';
+import { IoPersonCircleOutline } from 'react-icons/io5';
+import { HiOutlineLogout } from 'react-icons/hi';
+
+const StyledHeaderMenu = styled.ul`
+  display: flex;
+  gap: 10px;
+`;
+
+const HeaderMenu = () => {
+  return (
+    <StyledHeaderMenu>
+      <ButtonIcon>
+        <IoPersonCircleOutline />
+      </ButtonIcon>
+      <ButtonIcon>
+        <HiOutlineLogout />
+      </ButtonIcon>
+    </StyledHeaderMenu>
+  );
+};
+
+export default HeaderMenu;