"use client";

import { Suspense } from "react";
import { Building2, Database, ShieldCheck, Users } from "lucide-react";

import { LoginPageShell } from "@/components/auth/login-page-shell";

export function BackendLoginPageClient() {
  return (
    <Suspense fallback={null}>
      <LoginPageShell
        brandIcon={Building2}
        brandTitle="Corporate Backend"
        brandSubtitle="Administration panel"
        badgeLabel="Secure backend access"
        headline="Run your operations from one clean dashboard."
        description="Manage masters, XML APIs, customers, plans, orders, and reports with a focused backend workspace."
        features={[
          { icon: Database, label: "Master data" },
          { icon: Users, label: "Customers" },
          { icon: ShieldCheck, label: "Admin tools" },
        ]}
        cardTitle="Welcome back"
        cardDescription="Login to continue to the backend dashboard."
        emailPlaceholder="admin@example.com"
        protectedText="Protected area for authorized backend users only."
        redirectTo="/dashboard"
      />
    </Suspense>
  );
}