import { Receipt } from "@/components/ui/icons";
import { Topbar } from "@/components/shell/topbar";
import { Panel, PanelHeader } from "@/components/ui/panel";
import { EmptyState } from "@/components/ui/empty-state";

export default function PortalInvoicesPage() {
  return (
    <>
      <Topbar
        title="Factures"
        subtitle="Téléchargez vos factures et suivez vos paiements"
      />

      <div className="pt-6">
        <Panel>
          <PanelHeader
            title="Historique"
            subtitle="Toutes vos factures, classées par date d'émission"
          />
          <EmptyState
            icon={Receipt}
            title="Aucune facture pour le moment"
            description="Vos factures mensuelles apparaîtront ici dès le premier prélèvement."
          />
        </Panel>
      </div>
    </>
  );
}