7005b85481
Co-authored-by: Kandev Agent <agent@kandev.dev>
28 lines
788 B
TypeScript
28 lines
788 B
TypeScript
"use client";
|
|
import { useTranslation } from "react-i18next";
|
|
|
|
type GridSpinnerProps = {
|
|
className?: string;
|
|
};
|
|
|
|
export function GridSpinner({ className }: GridSpinnerProps) {
|
|
const { t } = useTranslation();
|
|
return (
|
|
<span
|
|
className={`spinner-grid ${className ?? ""}`}
|
|
role="status"
|
|
aria-label={t("common:loadingIndicatorLabel")}
|
|
>
|
|
<span className="spinner-grid-cube" />
|
|
<span className="spinner-grid-cube" />
|
|
<span className="spinner-grid-cube" />
|
|
<span className="spinner-grid-cube" />
|
|
<span className="spinner-grid-cube" />
|
|
<span className="spinner-grid-cube" />
|
|
<span className="spinner-grid-cube" />
|
|
<span className="spinner-grid-cube" />
|
|
<span className="spinner-grid-cube" />
|
|
</span>
|
|
);
|
|
}
|