import { Group, Header as Head, useMantineColorScheme, useMantineTheme, } from '@mantine/core'; import { useViewportSize } from '@mantine/hooks'; import { AddItemShelfButton } from '../../AppShelf/AddAppShelfItem'; import DockerMenuButton from '../../../modules/docker/DockerModule'; import { SettingsMenuButton } from '../../Settings/SettingsMenu'; import { Logo } from '../Logo'; import { useConfig } from '../../../tools/state'; import { SearchModuleComponent } from '../../../modules/search/SearchModule'; export function Header(props: any) { const { width } = useViewportSize(); const MIN_WIDTH_MOBILE = useMantineTheme().breakpoints.xs; const { config } = useConfig(); const { colorScheme } = useMantineColorScheme(); return ( {width > MIN_WIDTH_MOBILE && } ); }