frontend/src/components/StatusCard.tsx

import React from 'react';

interface StatusRowProps {
  label: string;
  value: string | number;
  className?: string;
}

export const StatusRow: React.FC<StatusRowProps> = ({ label, value, className = '' }) => (
  <div className="srow">
    <span>{label}</span>
    <span className={`sv ${className}`}>{value}</span>
  </div>
);

interface StatusCardProps {
  title: string;
  children: React.ReactNode;
}

export const StatusCard: React.FC<StatusCardProps> = ({ title, children }) => (
  <div className="card">
    <div className="card-title">{title}</div>
    {children}
  </div>
);