mirror of
https://github.com/Buriburizaem0n/nezha-dash-v1.git
synced 2026-05-06 05:48:41 +00:00
hamster1963
33 lines
696 B
TypeScript
33 lines
696 B
TypeScript
const bars = Array(8).fill(0);
|
|
|
|
export const Loader = ({ visible }: { visible: boolean }) => {
|
|
return (
|
|
<div className="hamster-loading-wrapper" data-visible={visible}>
|
|
<div className="hamster-spinner">
|
|
{bars.map((_, i) => (
|
|
<div className="hamster-loading-bar" key={`hamster-bar-${i}`} />
|
|
))}
|
|
</div>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export const LoadingSpinner = () => {
|
|
return (
|
|
<svg
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
width="24"
|
|
height="24"
|
|
viewBox="0 0 24 24"
|
|
fill="none"
|
|
stroke="currentColor"
|
|
strokeWidth="2"
|
|
strokeLinecap="round"
|
|
strokeLinejoin="round"
|
|
className={"size-4 animate-spin"}
|
|
>
|
|
<path d="M21 12a9 9 0 1 1-6.219-8.56" />
|
|
</svg>
|
|
);
|
|
};
|