import React from 'react';
import { cn } from '@/utils';

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

export const DetailItem: React.FC<DetailItemProps> = ({ label, value, className }) => (
  <div className={cn("space-y-1", className)}>
    <span className="text-[10px] text-muted-foreground uppercase tracking-wider font-medium">{label}</span>
    <div className="font-medium text-xs">{value}</div>
  </div>
);
