page.tsx

Go to the documentation of this file.

"use client";
 
import { Icon } from '@/contexts/IconContext';
 
export default function SecuritySettingsPage() {
  return (
    <div className="min-h-screen bg-bg p-6">
      <div className="max-w-7xl mx-auto">
        <div className="mb-8">
          <h1 className="text-3xl font-bold text-text mb-2 flex items-center gap-3">
            <Icon name="security" size={32} />
            Security Settings
          </h1>
          <p className="text-muted">Configure access controls, authentication, and security policies</p>
        </div>
 
        <div className="bg-surface rounded-lg shadow-sm border border-border p-6 mb-6">
          <h2 className="text-xl font-semibold text-text mb-4">Authentication & Access Control</h2>
          <p className="text-muted">Security configuration features coming soon...</p>
        </div>
      </div>
    </div>
  );
}