'use client';

import React from 'react';
import { Recycle03Icon } from '../Icons';

const Loading = ({ size = 'md' }) => {
    const sizes = {
        sm: 'w-6 h-6',
        md: 'w-10 h-10',
        lg: 'w-16 h-16'
    };

    return (
        <div className="flex flex-col items-center justify-center gap-3 text-neutral-600 dark:text-neutral-400">
            <div className="animate-spin">
                <Recycle03Icon className={sizes[size]} />
            </div>
            <p className="text-sm">Loading....</p>
        </div>
    );
};

export default Loading;

