'use client';

import { SettingsSidebar, PrivacyForm } from '@/components/settings';

interface PrivacySetting {
  id: string;
  label: string;
  description: string;
  value: string;
  options: { value: string; label: string }[];
}

export default function PrivacyPage() {
  const handleSave = (data: {
    privacySettings: PrivacySetting[];
    dataSettings: {
      shareAnalytics: boolean;
      personalizedAds: boolean;
      thirdPartySharing: boolean;
    };
  }) => {
    console.log('Saving agent privacy settings:', data);
  };

  const handleDeleteAccount = () => {
    console.log('Agent account deletion requested');
  };

  return (
    <div className="flex flex-col lg:flex-row gap-6">
      {/* Left Sidebar */}
      <SettingsSidebar basePath="/agent/settings" />

      {/* Main Content */}
      <div className="flex-1">
        {/* Header Card */}
        <div className="border border-[#00293d]/10 rounded-[15px] px-6 py-4 mb-4 bg-white">
          <h1 className="font-fractul font-bold text-[15px] leading-[18px] text-[#00293D]">
            Privacy
          </h1>
        </div>

        <PrivacyForm onSave={handleSave} onDeleteAccount={handleDeleteAccount} />
      </div>
    </div>
  );
}
