Medplum

// SPDX-FileCopyrightText: Copyright Orangebot, Inc. and Medplum contributors // SPDX-License-Identifier: Apache-2.0 import { Center, Flex, Stack, Text, ThemeIcon } from '@mantine/core'; import { IconClipboardList } from '@tabler/icons-react'; import type { JSX } from 'react'; interface TaskSelectEmptyProps { notFound?: boolean; } export function TaskSelectEmpty(props: TaskSelectEmptyProps): JSX.Element { const { notFound = false } = props; return ( <Flex direction="row" h="100%" w="100%"> <Center h="100%" w="100%"> <Stack align="center" gap="md"> <ThemeIcon size={64} variant="light" color="gray"> <IconClipboardList size={32} /> </ThemeIcon> <Stack align="center" gap="xs"> <Text size="lg" fw={500} c="dimmed"> {notFound ? 'Task not found' : 'No task selected'} </Text> {!notFound && ( <Text size="sm" c="dimmed" ta="center"> Select a task from the list to view details, add notes, and manage properties </Text> )} </Stack> </Stack> </Center> </Flex> ); }