'use client';

import React from 'react';

interface Props {
  label: string;
  value?: string | number | boolean | null;
}

export function DetailItem({ label, value }: Props) {
  return (
    <div className="flex justify-between items-center px-4 py-3 border-b border-border last:border-b-0">
      <span className="text-sm text-muted-foreground">{label}</span>
      <span className="text-sm font-medium text-foreground text-right ml-2">
        {value !== undefined && value !== null ? String(value) : '—'}
      </span>
    </div>
  );
}