import React from 'react';
import './LoadingSpinner.css';

const LoadingSpinner = ({ size = 'medium', color = 'yellow' }) => {
  return (
    <div className={`loading-spinner ${size} ${color}`}>
      <div className="spinner-container">
        <img
          src="/wraffle_logo.png"
          alt="Wraffle Logo"
          className="spinner-logo"
        />
        <div className="spinner-ring"></div>
      </div>
    </div>
  );
};

export default LoadingSpinner;
