import { Settings } from 'lucide-react';
import type { Metadata } from 'next';

import { AccountSettings } from '@/components/compte/account-settings';

export const metadata: Metadata = {
  title: 'CCFN — Paramètres du compte',
};

export default function ParametresComptePage() {
  return (
    <main className="flex-1 px-6 py-10">
      <div className="mx-auto max-w-6xl">
        <div className="mb-8 flex items-center gap-3">
          <div className="flex h-12 w-12 items-center justify-center rounded-xl bg-primary/10">
            <Settings className="h-6 w-6 text-primary" />
          </div>
          <div>
            <h1 className="text-2xl font-bold tracking-tight">
              Paramètres du compte
            </h1>
            <p className="text-sm text-muted-foreground">
              Consultez les informations de votre compte CCFN
            </p>
          </div>
        </div>

        <AccountSettings />
      </div>
    </main>
  );
}