'use client';

import { Suspense } from 'react';
import { DashboardLayout } from '@/components/layout/DashboardLayout';
import { WorkersBrowseContent } from '@/components/workers/WorkersPageView';

export default function CustomerWorkersPage() {
  return (
    <DashboardLayout role="customer" title="Browse workers">
      <div className="max-w-6xl">
        <p className="mb-5 text-sm leading-relaxed text-muted">
          Browse verified professionals in your area — search by trade, sort results, or switch
          between list and map view.
        </p>
        <Suspense fallback={<div className="py-16 text-center text-muted">Loading workers...</div>}>
          <WorkersBrowseContent postJobHref="/customer/jobs/create" customerActions />
        </Suspense>
      </div>
    </DashboardLayout>
  );
}