import { Card, Text } from '@mantine/core';
import { cardClasses } from 'styles';

export function NoItemsFound() {
	return (
		<Card
			className={cardClasses.settingsItem}
			classNames={cardClasses}
			w={'40rem'}
			h={'10rem'}
			p={'xl'}
			m={'xl'}
			style={{ display: 'flex', justifyContent: 'center', alignItems: 'center' }}
		>
			<Text fw={300} size={'xl'}>
				No items found
			</Text>
		</Card>
	);
}