nandi.uk
This repository has no description
683 B
27 lines
1import { Box, Divider, Group, Paper, Text } from '@mantine/core';
2import NavbarToggle from '../NavbarToggle';
3import { ReactNode } from 'react';
4
5interface Props {
6 title?: string;
7 children?: ReactNode;
8}
9
10export default function Header(props: Props) {
11 return (
12 <Paper pos={'sticky'} top={0} radius={0} style={{ zIndex: 1 }}>
13 <Group gap={'xs'} p={'xs'} justify="space-between">
14 <Group gap={'xs'}>
15 {props.children}
16 {props.title && (
17 <Text fz={'lg'} fw={700} lineClamp={1}>
18 {props.title}
19 </Text>
20 )}
21 </Group>
22 <NavbarToggle />
23 </Group>
24 <Divider />
25 </Paper>
26 );
27}