import React from 'react';
import { AuthProvider, AuthGuard } from './AdminAuth';
import AdminLayout from './AdminLayout';

function WatchlistContent() {
  return (
    <AdminLayout title="Watchlist">
      <div className="bg-[#141414] border border-[#333] rounded-xl p-12 text-center">
        <div className="text-4xl mb-4">👀</div>
        <div className="text-[#999] text-lg mb-2">Watchlist & Price Alerts</div>
        <div className="text-[#666] text-sm">Hier komen gebruikers watchlists en actieve prijsalerts.<br/>Binnenkort beschikbaar.</div>
      </div>
    </AdminLayout>
  );
}

export default function WatchlistPlaceholder() {
  return <AuthProvider><AuthGuard><WatchlistContent /></AuthGuard></AuthProvider>;
}