'use client';

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

export default function ProfileSettingsPage() {
  const handleSave = (data: {
    firstName: string;
    lastName: string;
    career: string;
    email: string;
    phone: string;
  }) => {
    console.log('Saving agent profile settings:', data);
  };

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

      {/* Main Content */}
      <div className="flex-1">
        <ProfileSettingsForm
          onSave={handleSave}
          descriptionText="This information will be displayed on your public agent page."
        />
      </div>
    </div>
  );
}
