import { Link } from '@inertiajs/react';

export default function ResponsiveNavLink({ href, active, children, className = '' }) {
    return (
        <Link
            href={href}
            className={`d-block py-2 px-3 text-decoration-none ${
                active
                    ? 'bg-primary text-white'
                    : 'text-dark hover-bg-light'
            } ${className}`}
        >
            {children}
        </Link>
    );
}
