amati/src/app/components/AppHeader/Header.tsx
Firda Amalia 1cbb80ede9 add logo
2024-01-21 18:03:29 +07:00

26 lines
684 B
TypeScript

"use client"
import React from 'react'
import { AppShell, Burger, Group } from "@mantine/core"
import { useDisclosure } from '@mantine/hooks'
import Image from 'next/image'
import logo from "@/assets/logos/logo.png"
export default function AppHeader() {
const [openNavbar, { toggle }] = useDisclosure()
return (
<AppShell.Header>
<Group h="100%" px="md">
<Burger
opened={openNavbar}
onClick={toggle}
hiddenFrom="sm"
size="sm"
/>
<Image src={logo} alt='' height={30} />
</Group>
</AppShell.Header>
)
}