'use client';
import { Button } from '@repo/shadcn/button';
import { Heading } from '@repo/shadcn/heading';
import { Plus } from 'lucide-react';
import { useSession } from 'next-auth/react';
import { useRouter } from 'next/navigation';

export function SurveysHeader() {
  const router = useRouter();
  const { data: session } = useSession();
  const role = session?.user.role[0]?.rol;
  return (
    <>
      <div className="flex items-start justify-between">
        <Heading
          title="Administración de Encuestas"
          description="Gestiona las encuestas disponibles en la plataforma"
        />
        {['superadmin', 'admin'].includes(role ?? '') && (
          <Button
            onClick={() =>
              router.push(`/dashboard/administracion/encuestas/crear`)
            }
            size="sm"
          >
            <Plus className="h-4 w-4" />
            <span className="hidden sm:inline">Agregar Encuesta</span>
          </Button>
        )}
      </div>
    </>
  );
}