import { Layers } from 'lucide-react';

import { ModuleHeader } from '@/components/ui/module-header';

export function ZonesHeader() {
  return (
    <ModuleHeader
      title="Zones of Regulation"
      description="A whole-campus emotional regulation system for students and staff"
      icon={Layers}
      iconClassName="bg-gradient-to-br from-teal-400 to-teal-600"
      titleClassName="text-gray-800"
      descriptionClassName="text-gray-500"
    />
  );
}
