import { useNavigation } from '@cap-rel/smartcommon';

function MyComponent() {
    const navigate = useNavigation();

    return (
        <div>
            {/* Navigation vers une route */}
            <button onClick={() => navigate('/products')}>
                Voir les produits
            </button>

            {/* Navigation avec paramètre */}
            <button onClick={() => navigate(`/products/${productId}`)}>
                Détails
            </button>

            {/* Retour arrière */}
            <button onClick={() => navigate(-1)}>
                Retour
            </button>

            {/* Remplacement (pas d'historique) */}
            <button onClick={() => navigate('/login', { replace: true })}>
                Se connecter
            </button>
        </div>
    );
}