import { Card, Stack, Text } from '@mantine/core';
import { FaLaptop } from 'react-icons/fa';
import { cardClasses } from 'styles';

function WolClientSettingsItem({ client }: any) {
	return (
		<Card
			className={cardClasses.settingsItemHover}
			classNames={cardClasses}
			h={200}
			w={200}
		>
			<Stack align='center' gap={0}>
				<FaLaptop fontSize={100} />
				<Text fz={24}>{client.hostname}</Text>
				<Text fz={20}>{client.macAddress}</Text>
			</Stack>
		</Card>
	);
}

export default WolClientSettingsItem;