'use client';

import { SettingsSidebar } from '@/components/settings';
import { PaymentCheckoutForm } from '@/components/settings/PaymentCheckoutForm';

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

      {/* Main Content */}
      <div className="flex-1">
        <PaymentCheckoutForm />
      </div>
    </div>
  );
}
