nandi.uk
This repository has no description
768 B
35 lines
1'use client';
2
3import { useNavbarContext } from '@/providers/navbar';
4import { ActionIcon } from '@mantine/core';
5import { Fragment } from 'react';
6import { FiSidebar } from 'react-icons/fi';
7
8export default function NavbarToggle() {
9 const { toggleMobile, toggleDesktop } = useNavbarContext();
10
11 return (
12 <Fragment>
13 <ActionIcon
14 variant="light"
15 color="gray"
16 size={'lg'}
17 radius={'xl'}
18 onClick={toggleMobile}
19 hiddenFrom="xs"
20 >
21 <FiSidebar />
22 </ActionIcon>
23 <ActionIcon
24 variant="light"
25 color="gray"
26 size={'lg'}
27 radius={'xl'}
28 onClick={toggleDesktop}
29 visibleFrom="xs"
30 >
31 <FiSidebar />
32 </ActionIcon>
33 </Fragment>
34 );
35}