// react
import React, { ReactNode } from 'react';
// third-party
import Link from 'next/link';
import classNames from 'classnames';

interface Props {
  href: string;
  children: ReactNode;
  className?: string;
}

function AppLink({ href, children, className }: Props) {
  // Centraliza el prefijo del panel admin (/admin) para toda la navegación interna.
  // Rutas externas (http/https), ya-prefijadas (/admin/...) o raíz absoluta "/" se respetan.
  let resolved = href;
  if (
    !href.startsWith('http') &&
    !href.startsWith('/admin') &&
    !href.startsWith('/api/')
  ) {
    resolved = href === '/' ? '/admin' : `/admin${href}`;
  }

  return (
    <Link href={resolved} legacyBehavior>
      <a className={classNames(className)}>
        {children}
      </a>
    </Link>
  );
}

export default AppLink;