hykocx
c25a518d87
- remove Recycle03Icon dependency and use native svg spinner - adjust size values for sm, md, and lg variants - update loading text from "Loading...." to "Chargement"
25 lines
741 B
JavaScript
25 lines
741 B
JavaScript
'use client';
|
|
|
|
import React from 'react';
|
|
|
|
const Loading = ({ size = 'md' }) => {
|
|
const sizes = {
|
|
sm: 'w-5 h-5',
|
|
md: 'w-8 h-8',
|
|
lg: 'w-12 h-12'
|
|
};
|
|
|
|
return (
|
|
<div className="flex flex-col items-center justify-center gap-3 text-neutral-600 dark:text-neutral-400">
|
|
<svg className={`${sizes[size]} animate-spin`} viewBox="0 0 24 24" fill="none">
|
|
<circle cx="12" cy="12" r="10" stroke="currentColor" strokeWidth="2" strokeOpacity="0.15" />
|
|
<path d="M12 2 a10 10 0 0 1 10 10" stroke="currentColor" strokeWidth="2" strokeLinecap="round" />
|
|
</svg>
|
|
<p className="text-sm">Chargement</p>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default Loading;
|
|
|