20 lines
566 B
TypeScript
20 lines
566 B
TypeScript
import React from "react";
|
|
// import "./spinner.css";
|
|
|
|
|
|
export function Spinner() {
|
|
return <div className="ui-spinner" aria-label="Loading" />;
|
|
}
|
|
|
|
export function ScreenSpinner(props: { visible: boolean; label?: string }) {
|
|
if (!props.visible) return null;
|
|
return (
|
|
<div className="ui-screenspinner" role="status" aria-live="polite">
|
|
<div style={{ display: "grid", gap: 10, placeItems: "center" }}>
|
|
<Spinner />
|
|
{props.label ? <div style={{ color: "white", fontWeight: 700 }}>{props.label}</div> : null}
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|