mirror of
https://github.com/karl0ss/homepage.git
synced 2025-04-29 12:03:41 +01:00
19 lines
585 B
JavaScript
19 lines
585 B
JavaScript
import { useTranslation } from "next-i18next";
|
|
import classNames from "classnames";
|
|
|
|
export default function Block({ value, label }) {
|
|
const { t } = useTranslation();
|
|
|
|
return (
|
|
<div
|
|
className={classNames(
|
|
"bg-theme-200/50 dark:bg-theme-900/20 rounded m-1 flex-1 flex flex-col items-center justify-center p-1",
|
|
value === undefined ? "animate-pulse" : ""
|
|
)}
|
|
>
|
|
<div className="font-thin text-sm">{value === undefined || value === null ? "-" : value}</div>
|
|
<div className="font-bold text-xs uppercase">{t(label)}</div>
|
|
</div>
|
|
);
|
|
}
|