import React from 'react';
import type { PaymentMethodEnvironment } from '../../hooks/usePaymentMethods';

/**
 * محیطِ یک روش پرداخت. کارت‌ها از فاز ۶ به محیط تعلق دارند نه به کاربر، پس کاربری
 * که هم مطب شخصی دارد هم کلینیک باید ببیند کارتی که جلوی چشمش است مالِ کجاست.
 *
 * تهی یعنی بازمانده‌ای از پیش از نشانه‌گذاری که مالکش چند محیط داشت و حدس زدنِ
 * محیطش یعنی پول به حساب اشتباه. چنین کارتی تا وقتی منتسب نشده قابل استفاده نیست.
 */
export default function EnvironmentCell({
  entityType,
  environmentName,
}: {
  entityType: PaymentMethodEnvironment;
  environmentName: string;
}) {
  if (entityType === null) {
    return <span className="badge amber">محیط تعیین‌نشده</span>;
  }

  return <span className="badge green">{environmentName}</span>;
}