import { cn } from "@/lib/cn";
import { Label } from "./Label";

interface MetaRowProps {
  label: string;
  value: React.ReactNode;
  className?: string;
}

export function MetaRow({ label, value, className }: MetaRowProps) {
  return (
    <div className={cn("flex items-baseline gap-6 border-b border-ink py-3", className)}>
      <Label className="w-32 shrink-0">{label}</Label>
      <div className="flex-1 font-sans text-sm text-ink">{value}</div>
    </div>
  );
}
