// components/SkeletonCard.jsx

/**
 * Skeleton Loading Placeholder Component
 *
 * Displays a visual placeholder mimicking the course card layout
 * while actual course data is being loaded. Uses CSS for animation.
 */
function SkeletonCard() {
    return (
      <div className="skeleton-card" aria-hidden="true"> {/* Hide from screen readers */}
        <div className="skeleton-image"></div>
        <div className="skeleton-content">
          <div className="skeleton-title"></div>
          <div className="skeleton-category"></div>
          <div className="skeleton-text"></div>
          <div className="skeleton-text short"></div>
        </div>
      </div>
    );
  }
  
  // No props expected
  // SkeletonCard.propTypes = {};