'use client';

import { useApp } from '@/providers/app-provider';
import { publicConfig } from '@/lib/config/env';

export function EnvBadge() {
  const { t } = useApp();

  return (
    <div className="rounded-xl border border-brand-500/30 bg-brand-50 px-4 py-3 text-sm">
      <p className="font-semibold text-brand-700">{t('demo.title')}</p>
      <p className="mt-1 text-black/70">
        API: <code className="text-xs">{publicConfig.apiBaseUrl}</code> · Mode:{' '}
        <code className="text-xs">{publicConfig.integrationMode}</code>
      </p>
      <p className="mt-2 text-xs text-black/55">
        Production web (Next.js 14). NestJS API scaffold is the next branch per BUILD_PLAN.md.
      </p>
    </div>
  );
}