'use client';
import React from 'react';
import { useTranslations } from 'next-intl';
import { ProfileForm } from './ProfileForm';
import type { CabinetStats } from '../../lib/types';

interface ProfileSectionProps {
  stats: CabinetStats;
}

export const ProfileSection: React.FC<ProfileSectionProps> = ({ stats }) => {
  const t = useTranslations('Cabinet');
  console.log(stats);
  return (
    <div className="space-y-6">
      <div>
        <h2 className="text-xl font-bold text-slate-900">{t('profile')}</h2>
        <p className="text-sm text-slate-500 mt-0.5">{t('profileDesc')}</p>
      </div>

      {/* <DiscountProgress stats={stats} /> */}
      <ProfileForm />
    </div>
  );
};