'use client';

import { useEffect } from 'react';
import { ProtectedRoute } from '@/components/layout/ProtectedRoute';
import { MobileAccountView } from '@/components/mobile/MobileAccountView';
import { setMobileCheckoutReturn } from '@/utils/sessionFlow';

function MobileAccountPlansContent() {
  useEffect(() => {
    setMobileCheckoutReturn();
  }, []);

  return <MobileAccountView defaultSection="plans" />;
}

export default function MobileAccountPlansPage() {
  return (
    <ProtectedRoute>
      <MobileAccountPlansContent />
    </ProtectedRoute>
  );
}