'use client';

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

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

  return (
    <div className="max-w-7xl mx-auto px-4 lg:px-8 py-6">
      <div className="flex flex-col lg:flex-row gap-6">
        {/* Left Sidebar */}
        <SettingsSidebar basePath="/user/settings" />

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