EmberClone/apps/web/src/components/LoadingSpinner.tsx

14 lines
456 B
TypeScript

import React from 'react';
interface LoadingSpinnerProps {
label?: string;
}
export default function LoadingSpinner({ label = 'Lädt…' }: LoadingSpinnerProps) {
return (
<div className="flex flex-col items-center justify-center gap-3 p-4">
<div className="h-8 w-8 animate-spin rounded-full border-4 border-gray-300 border-t-blue-600" />
{label && <span className="text-sm font-medium text-gray-600">{label}</span>}
</div>
);
}