import React from 'react';
import { cn } from '../../lib/classname-utils';

interface DetailRowProps {
  label: string;
  value: string | React.ReactNode;
  valueClassName?: string;
}

export const DetailRow: React.FC<DetailRowProps> = ({ label, value, valueClassName }) => {
  return (
    <div className="flex items-center justify-between py-2">
      <span className="text-[13px] font-medium text-muted-foreground">{label}</span>
      <span className={cn("text-[13px] font-medium", valueClassName || "text-foreground")}>
        {value}
      </span>
    </div>
  );
};
