import { ShellPage } from "@/components/page-templates";
import { TablePlaceholder } from "@/components/placeholders";

export default function SettingsPage() {
  return (
    <ShellPage shell="admin" title="Settings" description="Hub tenant profile, business hours, tags, canned responses, dan integrations.">
      <TablePlaceholder
        title="Settings modules"
        columns={["Module", "Purpose", "Route"]}
        rows={[
          ["Profile", "Tenant identity", "/settings/profile"],
          ["Business Hours", "Operational schedule", "/settings/business-hours"],
          ["Auto Assignment", "Distribution rules", "/settings/auto-assignment"],
          ["Tags", "Chat tag management", "/settings/tags"],
          ["Canned Responses", "Quick reply library", "/settings/canned-responses"],
          ["Integrations", "Webhook and provider setup", "/settings/integrations"]
        ]}
      />
    </ShellPage>
  );
}