import { useZonesOfRegulationPage } from '@/business/zones/hooks';
import { ZonesOfRegulationView } from '@/components/zones-of-regulation/ZonesOfRegulationView';
import { ZoneCheckInSection } from '@/components/zone-checkin/ZoneCheckInSection';

const ZonesOfRegulation = () => {
  const page = useZonesOfRegulationPage();

  return (
    <div className="space-y-6">
      <ZoneCheckInSection />
      <ZonesOfRegulationView page={page} />
    </div>
  );
};

export default ZonesOfRegulation;
