import React from 'react';

interface StatusCardSkeletonProps {
  title: string;
}

export const StatusCardSkeleton: React.FC<StatusCardSkeletonProps> = ({ title }) => {
  return (
    <div className="rounded-lg border border-[#e0e0e0] bg-white p-5 animate-pulse">
      <div className="flex items-center justify-between mb-4">
        <div className="flex items-center gap-3">
          <div className="w-10 h-10 rounded-lg bg-gray-200" />
          <div>
            <div className="h-5 w-24 bg-gray-200 rounded mb-1" />
            <div className="h-4 w-16 bg-gray-200 rounded" />
          </div>
        </div>
      </div>
      <div className="space-y-2">
        <div className="h-4 w-full bg-gray-200 rounded" />
        <div className="h-4 w-3/4 bg-gray-200 rounded" />
      </div>
    </div>
  );
};
