import type { FC } from "react";

import { Text } from "@mantine/core";

type MetricProps = { label: string; value: string };

const Metric: FC<MetricProps> = props => (
	<div>
		<Text c="dimmed" size="xs">
			{props.label}
		</Text>

		<Text fw={600} size="lg">
			{props.value}
		</Text>
	</div>
);

export { Metric };