'use client';

import { ProtectedRoute } from '@/components/layout/ProtectedRoute';
import { BillingHistorySection } from '@/components/sections/BillingHistorySection';

function TransactionsContent() {
  return (
    <div className="relative min-h-[calc(100vh-4rem)] px-4 py-10">
      <div className="max-w-4xl mx-auto">
        <BillingHistorySection />
      </div>
    </div>
  );
}

export default function TransactionsPage() {
  return (
    <ProtectedRoute>
      <TransactionsContent />
    </ProtectedRoute>
  );
}