aegis/src/components/widgets/InformationWidget.tsx

import { Card, CardContent, CardHeader } from '@/components/ui/Card';
import { Building } from "lucide-react";

export function InformationWidget() {
    return (
        <Card>
            <CardHeader className="p-6 border-slate-100">
                <h2 className="text-lg font-semibold text-slate-900 border-slate-100 flex items-center">
                    <Building className="w-5 h-5 mr-2 text-slate-400" />
                    Profil de l'Organisation
                </h2>
            </CardHeader>

            <CardContent>
                <dl className="space-y-4 text-sm">
                    <div>
                        <dt className="text-slate-500 font-medium">Entité Légale</dt>
                        <dd className="mt-1 font-semibold text-slate-900">Cabinet Juridique Example & Associés</dd>
                    </div>
                    <div>
                        <dt className="text-slate-500 font-medium">Administrateur du compte</dt>
                        <dd className="mt-1 text-slate-900">Direction Générale (direction@example.com)</dd>
                    </div>
                    <div>
                        <dt className="text-slate-500 font-medium">Niveau d'Infogérance (SLA)</dt>
                        <dd className="mt-1 flex items-center">
                            <span className="px-2 py-1 bg-blue-900 text-white text-xs font-bold rounded shadow-sm mr-2 tracking-wider">VIP PLATINUM</span>
                            <span className="text-slate-700 font-medium">Couverture 24/7 (99.99%)</span>
                        </dd>
                    </div>
                </dl>
            </CardContent>
        </Card>
    );
}

export default InformationWidget;