import { useT } from '../../i18n/LanguageContext';
/**
 * 💼 Custody-карточка (копитрейдинг, модель B). Demo: реальный vault + депозит/
 * вывод + статус делегирования подключим в Шаге 4 (Custody). Сейчас — честная
 * заглушка, объясняющая модель «деньги у тебя, бот только торгует».
 */
export default function CustodyCard() {
  const { t } = useT();
  return (
    <div className="cust-card">
      <div className="cust-head">
        <span className="cust-title">{t('cust.title')}</span>
        <span className="cust-badge">{t('cust.soon')}</span>
      </div>

      <div className="cust-balance">
        <span className="cust-bal-val">—</span>
        <span className="cust-bal-cap">{t('cust.vaultBal')}</span>
      </div>

      <div className="cust-status">
        <div className="cust-status-row">
          <span className="cust-dot cust-dot-off" />
          <span>{t('cust.noDeleg')}</span>
        </div>
        <div className="cust-status-sub">
          {t('cust.delegInfo')}
        </div>
      </div>

      <div className="cust-actions">
        <button className="cust-btn" disabled>{t('cust.deposit')}</button>
        <button className="cust-btn" disabled>{t('cust.withdraw')}</button>
      </div>

      <p className="cust-note">
        {t('cust.footer')}
      </p>
    </div>
  );
}