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