import React from "react";
import Card from "../ui/Card";

export default function SpaceStatRow({ label, value }) {
  return (
    <Card className="!bg-[#f2f2f2] dark:!bg-[#001F3F]" padding="sm">
      <div className="flex items-center justify-between min-w-0">
        <span className="text-xs text-black/60 dark:text-white/70">{label}</span>
        <span className="text-sm font-extrabold text-black dark:text-white whitespace-nowrap">{value}</span>
      </div>
    </Card>
  );
}
